#456487

#456487

Color Values

HEX

#456487

RGB

69, 100, 135

HSL

211.8, 32.4%, 40.0%

HSV

211.8, 48.9%, 52.9%

CMYK

48.9%, 25.9%, 0.0%, 47.1%

OKLCH

0.4942 0.0672 252.2

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#456487

#876845

Analogous

#458587

#474587

#456487

Triadic

#456487

#874564

#648745

Split Complementary

#456487

#874745

#858745

Tetradic

#456487

#874585

#876845

#458747

Color Blindness Simulation

Original

#456487

Protanopia

#52537F

Deuteranopia

#514E7C

Tritanopia

#477876

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DBE7
300
#AEC1D6
400
#829FBF
500
#567DA9
600
#456487
700
#37506C
800
#2B3F54
900
#22303F
950
#161E28

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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