#487492

#487492

Color Values

HEX

#487492

RGB

72, 116, 146

HSL

204.3, 33.9%, 42.7%

HSV

204.3, 50.7%, 57.3%

CMYK

50.7%, 20.5%, 0.0%, 42.7%

OKLCH

0.5394 0.0678 239.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487492

#926648

Analogous

#48928B

#484F92

#487492

Triadic

#487492

#924874

#749248

Split Complementary

#487492

#92484F

#928B48

Tetradic

#487492

#8B4892

#926648

#4F9248

Color Blindness Simulation

Original

#487492

Protanopia

#5B5B8B

Deuteranopia

#585589

Tritanopia

#4A8584

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC6D7
400
#81A7C1
500
#5488AB
600
#436D89
700
#36576D
800
#2A4455
900
#22333F
950
#152028

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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