#024444

#024444

Color Values

HEX

#024444

RGB

2, 68, 68

HSL

180.0, 94.3%, 13.7%

HSV

180.0, 97.1%, 26.7%

CMYK

97.1%, 0.0%, 0.0%, 73.3%

OKLCH

0.3505 0.0589 194.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#024444

#440202

Analogous

#024423

#022344

#024444

Triadic

#024444

#440244

#444402

Split Complementary

#024444

#440223

#442302

Tetradic

#024444

#230244

#440202

#234402

Color Blindness Simulation

Original

#024444

Protanopia

#1F1F44

Deuteranopia

#1B1644

Tritanopia

#054444

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FCFC
400
#48FAFA
500
#07F8F8
600
#06C6C6
700
#059F9F
800
#047C7C
900
#075A5A
950
#053939

Contrast Checker

Text on white

10.98:1

AA Pass AAA Pass

Text on black

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