#487AA0

#487AA0

Color Values

HEX

#487AA0

RGB

72, 122, 160

HSL

205.9, 37.9%, 45.5%

HSV

205.9, 55.0%, 62.7%

CMYK

55.0%, 23.7%, 0.0%, 37.3%

OKLCH

0.5603 0.0803 242.8

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#487AA0

#A06E48

Analogous

#48A09A

#484EA0

#487AA0

Triadic

#487AA0

#A0487A

#7AA048

Split Complementary

#487AA0

#A0484E

#A09A48

Tetradic

#487AA0

#9A48A0

#A06E48

#4EA048

Color Blindness Simulation

Original

#487AA0

Protanopia

#5E5E97

Deuteranopia

#5B5795

Tritanopia

#4A908E

Achromatopsia

#727272

CSS Usage

background-color: #487AA0;
color: #487AA0;
border-color: #487AA0;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#ABC5D9
400
#7DA6C4
500
#4F86B0
600
#3F6B8D
700
#335671
800
#284358
900
#203341
950
#142029

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026