#487884

#487884

Color Values

HEX

#487884

RGB

72, 120, 132

HSL

192.0, 29.4%, 40.0%

HSV

192.0, 45.5%, 51.8%

CMYK

45.5%, 9.1%, 0.0%, 48.2%

OKLCH

0.5432 0.0553 215.5

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#487884

#845448

Analogous

#488472

#485A84

#487884

Triadic

#487884

#844878

#788448

Split Complementary

#487884

#84485A

#847248

Tetradic

#487884

#724884

#845448

#5A8448

Color Blindness Simulation

Original

#487884

Protanopia

#5D5D81

Deuteranopia

#5A5680

Tritanopia

#4A7F7E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E2E6
300
#B0CDD4
400
#85B1BC
500
#5A96A5
600
#487884
700
#3A606A
800
#2D4B52
900
#24383D
950
#172327

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026