#036260

#036260

Color Values

HEX

#036260

RGB

3, 98, 96

HSL

178.7, 94.1%, 19.8%

HSV

178.7, 96.9%, 38.4%

CMYK

96.9%, 0.0%, 2.0%, 61.6%

OKLCH

0.4488 0.0762 192.3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#036260

#620305

Analogous

#036230

#033562

#036260

Triadic

#036260

#600362

#626003

Split Complementary

#036260

#620335

#623003

Tetradic

#036260

#300362

#620305

#356203

Color Blindness Simulation

Original

#036260

Protanopia

#2C2D60

Deuteranopia

#272061

Tritanopia

#086161

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFB
300
#88FBF9
400
#48F9F6
500
#08F7F2
600
#06C6C2
700
#059E9B
800
#047C79
900
#075958
950
#053937

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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