#487584

#487584

Color Values

HEX

#487584

RGB

72, 117, 132

HSL

195.0, 29.4%, 40.0%

HSV

195.0, 45.5%, 51.8%

CMYK

45.5%, 11.4%, 0.0%, 48.2%

OKLCH

0.5358 0.0547 221.2

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#487584

#845748

Analogous

#488475

#485784

#487584

Triadic

#487584

#844875

#758448

Split Complementary

#487584

#844857

#847548

Tetradic

#487584

#754884

#845748

#578448

Color Blindness Simulation

Original

#487584

Protanopia

#5B5C80

Deuteranopia

#595680

Tritanopia

#4A7E7D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1E1E6
300
#B0CBD4
400
#85AFBC
500
#5A92A5
600
#487584
700
#3A5E6A
800
#2D4952
900
#24373D
950
#172327

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15: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