#487484

#487484

Color Values

HEX

#487484

RGB

72, 116, 132

HSL

196.0, 29.4%, 40.0%

HSV

196.0, 45.5%, 51.8%

CMYK

45.5%, 12.1%, 0.0%, 48.2%

OKLCH

0.5333 0.0546 223.1

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#487484

#845848

Analogous

#488476

#485684

#487484

Triadic

#487484

#844874

#748448

Split Complementary

#487484

#844856

#847648

Tetradic

#487484

#764884

#845848

#568448

Color Blindness Simulation

Original

#487484

Protanopia

#5B5B80

Deuteranopia

#58557F

Tritanopia

#4A7D7C

Achromatopsia

#6C6C6C

CSS Usage

background-color: #487484;
color: #487484;
border-color: #487484;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1E0E6
300
#B0CAD4
400
#85AEBC
500
#5A91A5
600
#487484
700
#3A5D6A
800
#2D4852
900
#24363D
950
#172227

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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