#036061

#036061

Color Values

HEX

#036061

RGB

3, 96, 97

HSL

180.6, 94.0%, 19.6%

HSV

180.6, 96.9%, 38.0%

CMYK

96.9%, 1.0%, 0.0%, 62.0%

OKLCH

0.4436 0.0747 196.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#036061

#610403

Analogous

#036133

#033161

#036061

Triadic

#036061

#610360

#606103

Split Complementary

#036061

#610331

#613303

Tetradic

#036061

#330361

#610403

#316103

Color Blindness Simulation

Original

#036061

Protanopia

#2B2C61

Deuteranopia

#261F61

Tritanopia

#086161

Achromatopsia

#4C4C4C

CSS Usage

background-color: #036061;
color: #036061;
border-color: #036061;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFD
300
#88FAFB
400
#48F8F9
500
#08F5F7
600
#06C4C6
700
#059D9E
800
#047A7C
900
#075959
950
#053838

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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