#457190

#457190

Color Values

HEX

#457190

RGB

69, 113, 144

HSL

204.8, 35.2%, 41.8%

HSV

204.8, 52.1%, 56.5%

CMYK

52.1%, 21.5%, 0.0%, 43.5%

OKLCH

0.5297 0.0691 240.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#457190

#906445

Analogous

#45908A

#454C90

#457190

Triadic

#457190

#904571

#719045

Split Complementary

#457190

#90454C

#908A45

Tetradic

#457190

#8A4590

#906445

#4C9045

Color Blindness Simulation

Original

#457190

Protanopia

#585889

Deuteranopia

#565287

Tritanopia

#478381

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC6D7
400
#7FA6C2
500
#5387AC
600
#426C8A
700
#35576E
800
#294456
900
#213340
950
#152028

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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