#024645

#024645

Color Values

HEX

#024645

RGB

2, 70, 69

HSL

179.1, 94.4%, 14.1%

HSV

179.1, 97.1%, 27.5%

CMYK

97.1%, 0.0%, 1.4%, 72.5%

OKLCH

0.3569 0.0602 193.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#024645

#460203

Analogous

#024623

#022546

#024645

Triadic

#024645

#450246

#464502

Split Complementary

#024645

#460225

#462302

Tetradic

#024645

#230246

#460203

#254602

Color Blindness Simulation

Original

#024645

Protanopia

#1F2045

Deuteranopia

#1C1645

Tritanopia

#054545

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFC
300
#88FCFA
400
#48FAF7
500
#07F8F4
600
#06C6C3
700
#059F9C
800
#047C7A
900
#075A58
950
#053938

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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