#024DA1

#024DA1

Color Values

HEX

#024DA1

RGB

2, 77, 161

HSL

211,7, 97,5%, 32,0%

HSV

211,7, 98,8%, 63,1%

CMYK

98,8%, 52,2%, 0,0%, 36,9%

OKLCH

0,4333 0,1509 256,8

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#024DA1

#A15602

Analogous

#029DA1

#0702A1

#024DA1

Triadic

#024DA1

#A1024D

#4DA102

Split Complementary

#024DA1

#A10702

#9DA102

Tetradic

#024DA1

#A1029D

#A15602

#02A107

Color Blindness Simulation

Original

#024DA1

Protanopia

#22238D

Deuteranopia

#1E1888

Tritanopia

#067D79

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FE
300
#86BEFD
400
#459BFD
500
#0378FC
600
#0360C9
700
#024DA1
800
#023C7E
900
#062E5B
950
#041D39

Contrast Checker

Text on white

8,14:1

AA Pass AAA Pass

Text on black

2,58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026