#457590

#457590

Color Values

HEX

#457590

RGB

69, 117, 144

HSL

201.6, 35.2%, 41.8%

HSV

201.6, 52.1%, 56.5%

CMYK

52.1%, 18.8%, 0.0%, 43.5%

OKLCH

0.5394 0.0673 234.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#457590

#906045

Analogous

#459086

#455090

#457590

Triadic

#457590

#904575

#759045

Split Complementary

#457590

#904550

#908645

Tetradic

#457590

#864590

#906045

#509045

Color Blindness Simulation

Original

#457590

Protanopia

#5A5A89

Deuteranopia

#575388

Tritanopia

#478483

Achromatopsia

#6D6D6D

CSS Usage

background-color: #457590;
color: #457590;
border-color: #457590;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE8
300
#ACC8D7
400
#7FAAC2
500
#538CAC
600
#42708A
700
#355A6E
800
#294656
900
#213540
950
#152128

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026