#455F7A

#455F7A

Color Values

HEX

#455F7A

RGB

69, 95, 122

HSL

210.6, 27.7%, 37.5%

HSV

210.6, 43.4%, 47.8%

CMYK

43.4%, 22.1%, 0.0%, 52.2%

OKLCH

0.476 0.0539 249.9

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#455F7A

#7A6045

Analogous

#457A7A

#46457A

#455F7A

Triadic

#455F7A

#7A455F

#5F7A45

Split Complementary

#455F7A

#7A4645

#7A7A45

Tetradic

#455F7A

#7A457A

#7A6045

#457A46

Color Blindness Simulation

Original

#455F7A

Protanopia

#505073

Deuteranopia

#4F4D72

Tritanopia

#466E6D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #455F7A;
color: #455F7A;
border-color: #455F7A;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B1C1D3
400
#87A0BB
500
#5C7FA3
600
#4A6582
700
#3B5168
800
#2E3F51
900
#24303D
950
#171E26

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026