#487A91

#487A91

Color Values

HEX

#487A91

RGB

72, 122, 145

HSL

198.9, 33.6%, 42.5%

HSV

198.9, 50.3%, 56.9%

CMYK

50.3%, 15.9%, 0.0%, 43.1%

OKLCH

0.5535 0.0647 229.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487A91

#915F48

Analogous

#489183

#485591

#487A91

Triadic

#487A91

#91487A

#7A9148

Split Complementary

#487A91

#914855

#918348

Tetradic

#487A91

#834891

#915F48

#559148

Color Blindness Simulation

Original

#487A91

Protanopia

#5E5E8B

Deuteranopia

#5B578A

Tritanopia

#4A8786

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADC9D6
400
#81ACC0
500
#558FAA
600
#447388
700
#365C6D
800
#2A4855
900
#22363F
950
#152228

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail 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