#024E57

#024E57

Color Values

HEX

#024E57

RGB

2, 78, 87

HSL

186.4, 95.5%, 17.5%

HSV

186.4, 97.7%, 34.1%

CMYK

97.7%, 10.3%, 0.0%, 65.9%

OKLCH

0.3881 0.066 208.2

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#024E57

#570B02

Analogous

#025736

#022457

#024E57

Triadic

#024E57

#57024E

#4E5702

Split Complementary

#024E57

#570224

#573602

Tetradic

#024E57

#360257

#570B02

#245702

Color Blindness Simulation

Original

#024E57

Protanopia

#232455

Deuteranopia

#1E1954

Tritanopia

#065353

Achromatopsia

#3E3E3E

CSS Usage

background-color: #024E57;
color: #024E57;
border-color: #024E57;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FCFE
100
#DFF9FC
200
#B9F6FD
300
#87F0FC
400
#47E8FB
500
#06DFF9
600
#05B3C7
700
#048FA0
800
#03707D
900
#07515A
950
#043339

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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