#456387

#456387

Color Values

HEX

#456387

RGB

69, 99, 135

HSL

212.7, 32.4%, 40.0%

HSV

212.7, 48.9%, 52.9%

CMYK

48.9%, 26.7%, 0.0%, 47.1%

OKLCH

0.4919 0.0681 253.6

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#456387

#876945

Analogous

#458487

#484587

#456387

Triadic

#456387

#874563

#638745

Split Complementary

#456387

#874845

#848745

Tetradic

#456387

#874584

#876945

#458748

Color Blindness Simulation

Original

#456387

Protanopia

#52527E

Deuteranopia

#504E7C

Tritanopia

#467776

Achromatopsia

#5F5F5F

CSS Usage

background-color: #456387;
color: #456387;
border-color: #456387;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DAE7
300
#AEC0D6
400
#829EBF
500
#567CA9
600
#456387
700
#374F6C
800
#2B3E54
900
#222F3F
950
#161E28

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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