#033C38

#033C38

Color Values

HEX

#033C38

RGB

3, 60, 56

HSL

175.8, 90.5%, 12.4%

HSV

175.8, 95.0%, 23.5%

CMYK

95.0%, 0.0%, 6.7%, 76.5%

OKLCH

0.3216 0.0544 187.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#033C38

#3C0307

Analogous

#033C1C

#03243C

#033C38

Triadic

#033C38

#38033C

#3C3803

Split Complementary

#033C38

#3C0324

#3C1C03

Tetradic

#033C38

#1C033C

#3C0307

#243C03

Color Blindness Simulation

Original

#033C38

Protanopia

#1C1C39

Deuteranopia

#181439

Tritanopia

#063A3A

Achromatopsia

#303030

CSS Usage

background-color: #033C38;
color: #033C38;
border-color: #033C38;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BBFCF7
300
#8AF9F1
400
#4BF6EA
500
#0CF3E3
600
#0AC2B5
700
#089B91
800
#067971
900
#095852
950
#063834

Contrast Checker

Text on white

12.3:1

AA Pass AAA Pass

Text on black

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