#487284

#487284

Color Values

HEX

#487284

RGB

72, 114, 132

HSL

198.0, 29.4%, 40.0%

HSV

198.0, 45.5%, 51.8%

CMYK

45.5%, 13.6%, 0.0%, 48.2%

OKLCH

0.5284 0.0546 227.0

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487284

#845A48

Analogous

#488478

#485484

#487284

Triadic

#487284

#844872

#728448

Split Complementary

#487284

#844854

#847848

Tetradic

#487284

#784884

#845A48

#548448

Color Blindness Simulation

Original

#487284

Protanopia

#5A5B80

Deuteranopia

#58557F

Tritanopia

#4A7C7B

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#B0C9D4
400
#85ACBC
500
#5A8EA5
600
#487284
700
#3A5B6A
800
#2D4752
900
#24363D
950
#172227

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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