#036C69

#036C69

Color Values

HEX

#036C69

RGB

3, 108, 105

HSL

178.3, 94.6%, 21.8%

HSV

178.3, 97.2%, 42.4%

CMYK

97.2%, 0.0%, 2.8%, 57.6%

OKLCH

0.4802 0.0819 191.4

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#036C69

#6C0306

Analogous

#036C35

#033B6C

#036C69

Triadic

#036C69

#69036C

#6C6903

Split Complementary

#036C69

#6C033B

#6C3503

Tetradic

#036C69

#35036C

#6C0306

#3B6C03

Color Blindness Simulation

Original

#036C69

Protanopia

#30316A

Deuteranopia

#2A226A

Tritanopia

#086A6A

Achromatopsia

#555555

CSS Usage

background-color: #036C69;
color: #036C69;
border-color: #036C69;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#BAFDFB
300
#88FCF8
400
#47FAF5
500
#07F8F1
600
#06C6C1
700
#049F9A
800
#037C79
900
#075A57
950
#053937

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026