#024445

#024445

Color Values

HEX

#024445

RGB

2, 68, 69

HSL

180.9, 94.4%, 13.9%

HSV

180.9, 97.1%, 27.1%

CMYK

97.1%, 1.4%, 0.0%, 72.9%

OKLCH

0.3509 0.0589 196.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#024445

#450302

Analogous

#024524

#022245

#024445

Triadic

#024445

#450244

#444502

Split Complementary

#024445

#450222

#452402

Tetradic

#024445

#240245

#450302

#224502

Color Blindness Simulation

Original

#024445

Protanopia

#1F1F45

Deuteranopia

#1B1645

Tritanopia

#054545

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFD
300
#88FAFC
400
#48F7FA
500
#07F4F8
600
#06C3C6
700
#059C9F
800
#047A7C
900
#07585A
950
#053839

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

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