#024D48

#024D48

Color Values

HEX

#024D48

RGB

2, 77, 72

HSL

176,0, 94,9%, 15,5%

HSV

176,0, 97,4%, 30,2%

CMYK

97,4%, 0,0%, 6,5%, 69,8%

OKLCH

0,3788 0,0653 187,3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#024D48

#4D0207

Analogous

#024D23

#022D4D

#024D48

Triadic

#024D48

#48024D

#4D4802

Split Complementary

#024D48

#4D022D

#4D2302

Tetradic

#024D48

#23024D

#4D0207

#2D4D02

Color Blindness Simulation

Original

#024D48

Protanopia

#222349

Deuteranopia

#1E184A

Tritanopia

#064A4A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FDF9
300
#88FCF4
400
#47FAEE
500
#07F8E8
600
#05C7BA
700
#049F95
800
#037C74
900
#075A54
950
#043935

Contrast Checker

Text on white

9,73:1

AA Pass AAA Pass

Text on black

2,16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026