#0C3736

#0C3736

Color Values

HEX

#0C3736

RGB

12, 55, 54

HSL

178.6, 64.2%, 13.1%

HSV

178.6, 78.2%, 21.6%

CMYK

78.2%, 0.0%, 1.8%, 78.4%

OKLCH

0.3079 0.0457 192.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0C3736

#370C0D

Analogous

#0C3720

#0C2237

#0C3736

Triadic

#0C3736

#360C37

#37360C

Split Complementary

#0C3736

#370C22

#37200C

Tetradic

#0C3736

#200C37

#370C0D

#22370C

Color Blindness Simulation

Original

#0C3736

Protanopia

#1F1F36

Deuteranopia

#1C1936

Tritanopia

#0E3636

Achromatopsia

#2E2E2E

CSS Usage

background-color: #0C3736;
color: #0C3736;
border-color: #0C3736;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F2F1
300
#9BE9E7
400
#64DDDA
500
#2ED1CE
600
#25A7A4
700
#1D8684
800
#176967
900
#144C4B
950
#0D302F

Contrast Checker

Text on white

13.0:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026