#487296

#487296

Color Values

HEX

#487296

RGB

72, 114, 150

HSL

207.7, 35.1%, 43.5%

HSV

207.7, 52.0%, 58.8%

CMYK

52.0%, 24.0%, 0.0%, 41.2%

OKLCH

0.5365 0.0737 245.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487296

#966C48

Analogous

#489693

#484B96

#487296

Triadic

#487296

#964872

#729648

Split Complementary

#487296

#96484B

#969348

Tetradic

#487296

#934896

#966C48

#4B9648

Color Blindness Simulation

Original

#487296

Protanopia

#5A5B8D

Deuteranopia

#58558B

Tritanopia

#4A8685

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDCE8
300
#ACC3D7
400
#80A3C2
500
#5383AC
600
#42698A
700
#35546E
800
#294156
900
#213240
950
#151F28

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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