#487891

#487891

Color Values

HEX

#487891

RGB

72, 120, 145

HSL

200.5, 33.6%, 42.5%

HSV

200.5, 50.3%, 56.9%

CMYK

50.3%, 17.2%, 0.0%, 43.1%

OKLCH

0.5486 0.0652 232.4

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487891

#916148

Analogous

#489185

#485391

#487891

Triadic

#487891

#914878

#789148

Split Complementary

#487891

#914853

#918548

Tetradic

#487891

#854891

#916148

#539148

Color Blindness Simulation

Original

#487891

Protanopia

#5D5D8B

Deuteranopia

#5A568A

Tritanopia

#4A8685

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC8D6
400
#81ABC0
500
#558DAA
600
#447188
700
#365A6D
800
#2A4755
900
#22353F
950
#152228

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026