#457396

#457396

Color Values

HEX

#457396

RGB

69, 115, 150

HSL

205.9, 37.0%, 42.9%

HSV

205.9, 54.0%, 58.8%

CMYK

54.0%, 23.3%, 0.0%, 41.2%

OKLCH

0.5373 0.0748 242.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#457396

#966845

Analogous

#459690

#454A96

#457396

Triadic

#457396

#964573

#739645

Split Complementary

#457396

#96454A

#969045

Tetradic

#457396

#904596

#966845

#4A9645

Color Blindness Simulation

Original

#457396

Protanopia

#59598E

Deuteranopia

#56538C

Tritanopia

#478785

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE9
300
#ABC5D8
400
#7EA5C4
500
#5086AF
600
#406B8C
700
#335670
800
#284357
900
#203341
950
#142029

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026