#457EDC

#457EDC

Color Values

HEX

#457EDC

RGB

69, 126, 220

HSL

217.4, 68.3%, 56.7%

HSV

217.4, 68.6%, 86.3%

CMYK

68.6%, 42.7%, 0.0%, 13.7%

OKLCH

0.6014 0.1555 259.9

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#457EDC

#DCA345

Analogous

#45C9DC

#5845DC

#457EDC

Triadic

#457EDC

#DC457E

#7EDC45

Split Complementary

#457EDC

#DC5845

#C9DC45

Tetradic

#457EDC

#DC45C9

#DCA345

#45DC58

Color Blindness Simulation

Original

#457EDC

Protanopia

#5E5EC5

Deuteranopia

#5A56C0

Tritanopia

#48B3AF

Achromatopsia

#797979

CSS Usage

background-color: #457EDC;
color: #457EDC;
border-color: #457EDC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D5F4
300
#98B7EC
400
#6091E1
500
#286AD7
600
#2055AC
700
#1A4489
800
#14356B
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass 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