#456887

#456887

Color Values

HEX

#456887

RGB

69, 104, 135

HSL

208.2, 32.4%, 40.0%

HSV

208.2, 48.9%, 52.9%

CMYK

48.9%, 23.0%, 0.0%, 47.1%

OKLCH

0.5038 0.064 246.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#456887

#876445

Analogous

#458785

#454787

#456887

Triadic

#456887

#874568

#688745

Split Complementary

#456887

#874547

#878545

Tetradic

#456887

#854587

#876445

#478745

Color Blindness Simulation

Original

#456887

Protanopia

#545480

Deuteranopia

#52507E

Tritanopia

#477A78

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DCE7
300
#AEC3D6
400
#82A2BF
500
#5682A9
600
#456887
700
#37536C
800
#2B4154
900
#22313F
950
#161F28

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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