#023F36

#023F36

Color Values

HEX

#023F36

RGB

2, 63, 54

HSL

171.1, 93.8%, 12.7%

HSV

171.1, 96.8%, 24.7%

CMYK

96.8%, 0.0%, 14.3%, 75.3%

OKLCH

0.3298 0.0591 179.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#023F36

#3F020B

Analogous

#023F17

#02293F

#023F36

Triadic

#023F36

#36023F

#3F3602

Split Complementary

#023F36

#3F0229

#3F1702

Tetradic

#023F36

#17023F

#3F020B

#293F02

Color Blindness Simulation

Original

#023F36

Protanopia

#1C1D38

Deuteranopia

#191439

Tritanopia

#053A3A

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF7
200
#BAFDF3
300
#88FBEA
400
#48F9DF
500
#08F7D4
600
#06C6A9
700
#059E87
800
#047C6A
900
#08594D
950
#053831

Contrast Checker

Text on white

11.89:1

AA Pass AAA Pass

Text on black

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