#036F6C

#036F6C

Color Values

HEX

#036F6C

RGB

3, 111, 108

HSL

178.3, 94.7%, 22.4%

HSV

178.3, 97.3%, 43.5%

CMYK

97.3%, 0.0%, 2.7%, 56.5%

OKLCH

0.4896 0.0835 191.5

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#036F6C

#6F0306

Analogous

#036F36

#033C6F

#036F6C

Triadic

#036F6C

#6C036F

#6F6C03

Split Complementary

#036F6C

#6F033C

#6F3603

Tetradic

#036F6C

#36036F

#6F0306

#3C6F03

Color Blindness Simulation

Original

#036F6C

Protanopia

#32336D

Deuteranopia

#2C236D

Tritanopia

#086D6D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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