#457295

#457295

Color Values

HEX

#457295

RGB

69, 114, 149

HSL

206.2, 36.7%, 42.7%

HSV

206.2, 53.7%, 58.4%

CMYK

53.7%, 23.5%, 0.0%, 41.6%

OKLCH

0.5345 0.0743 243.3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#457295

#956845

Analogous

#459590

#454A95

#457295

Triadic

#457295

#954572

#729545

Split Complementary

#457295

#95454A

#959045

Tetradic

#457295

#904595

#956845

#4A9545

Color Blindness Simulation

Original

#457295

Protanopia

#58598D

Deuteranopia

#56528A

Tritanopia

#478684

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE8
300
#ABC5D8
400
#7EA5C3
500
#5185AE
600
#416B8B
700
#345570
800
#284357
900
#203240
950
#142029

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026