#487BB4 Color

Color Information

HEX#487BB4
RGB72, 123, 180
HSL212° , 43% , 49%
HSV212° , 60% , 71%
CMYK60%, 32%, 0%, 29%

Lighter Shades

#5E8BBD #749BC6 #8AABCF #A0BAD8 #B6CAE1 #CCDAEA

Darker Shades

#3F6C9E #375D89 #2E4F73 #25405E #1D3148 #142232

Complementary Palette

#3E6A9B #487BB4 #9A6F3D #B38147 #BE9361 #628DBF

Analogous Palette

#588B8D #60989A #4474A9 #487BB4 #62609A #706EA0

Triadic Palette

#3F6C9E #487BB4 #BF3B79 #C75389 #79BF3B #6AA834

Split Complementary Palette

#416FA2 #487BB4 #B34B47 #BB5D59 #AFB347 #9EA140

Square Palette

#3C6797 #487BB4 #A654A3 #A68054 #47B34B #64BF68

Tetradic Palette

#3B6594 #487BB4 #8231C9 #B38147 #78C931 #90D356

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #487BB4 contains 72 red, 123 green, and 180 blue.

Contrast Ratio: 4.37:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 4.81:1