#024040

#024040

Color Values

HEX

#024040

RGB

2, 64, 64

HSL

180.0, 93.9%, 12.9%

HSV

180.0, 96.9%, 25.1%

CMYK

96.9%, 0.0%, 0.0%, 74.9%

OKLCH

0.3368 0.0565 194.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#024040

#400202

Analogous

#024021

#022140

#024040

Triadic

#024040

#400240

#404002

Split Complementary

#024040

#400221

#402102

Tetradic

#024040

#210240

#400202

#214002

Color Blindness Simulation

Original

#024040

Protanopia

#1D1D40

Deuteranopia

#191540

Tritanopia

#054040

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FBFB
400
#48F9F9
500
#08F7F7
600
#06C6C6
700
#059E9E
800
#047C7C
900
#085959
950
#053838

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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