#487593

#487593

Color Values

HEX

#487593

RGB

72, 117, 147

HSL

204.0, 34.2%, 42.9%

HSV

204.0, 51.0%, 57.6%

CMYK

51.0%, 20.4%, 0.0%, 42.4%

OKLCH

0.5423 0.0684 239.0

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487593

#936648

Analogous

#48938B

#484F93

#487593

Triadic

#487593

#934875

#759348

Split Complementary

#487593

#93484F

#938B48

Tetradic

#487593

#8B4893

#936648

#4F9348

Color Blindness Simulation

Original

#487593

Protanopia

#5B5C8C

Deuteranopia

#59568A

Tritanopia

#4A8685

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ADC6D7
400
#80A7C1
500
#5488AB
600
#436D89
700
#36576E
800
#2A4456
900
#22333F
950
#152028

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026