#456F87

#456F87

Color Values

HEX

#456F87

RGB

69, 111, 135

HSL

201.8, 32.4%, 40.0%

HSV

201.8, 48.9%, 52.9%

CMYK

48.9%, 17.8%, 0.0%, 47.1%

OKLCH

0.5207 0.0603 234.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#456F87

#875D45

Analogous

#45877E

#454E87

#456F87

Triadic

#456F87

#87456F

#6F8745

Split Complementary

#456F87

#87454E

#877E45

Tetradic

#456F87

#7E4587

#875D45

#4E8745

Color Blindness Simulation

Original

#456F87

Protanopia

#575881

Deuteranopia

#555280

Tritanopia

#477D7C

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC7D6
400
#82A9BF
500
#568BA9
600
#456F87
700
#37596C
800
#2B4554
900
#22343F
950
#162128

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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