#024EA2

#024EA2

Color Values

HEX

#024EA2

RGB

2, 78, 162

HSL

211.5, 97.6%, 32.2%

HSV

211.5, 98.8%, 63.5%

CMYK

98.8%, 51.9%, 0.0%, 36.5%

OKLCH

0.4364 0.151 256.6

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#024EA2

#A25602

Analogous

#029EA2

#0602A2

#024EA2

Triadic

#024EA2

#A2024E

#4EA202

Split Complementary

#024EA2

#A20602

#9EA202

Tetradic

#024EA2

#A2029E

#A25602

#02A206

Color Blindness Simulation

Original

#024EA2

Protanopia

#23248E

Deuteranopia

#1E1989

Tritanopia

#067E7A

Achromatopsia

#444444

CSS Usage

background-color: #024EA2;
color: #024EA2;
border-color: #024EA2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8DAFE
300
#86BFFE
400
#459CFD
500
#0379FC
600
#0261CA
700
#024EA1
800
#023D7E
900
#062E5B
950
#041D39

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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