#036364

#036364

Color Values

HEX

#036364

RGB

3, 99, 100

HSL

180.6, 94.2%, 20.2%

HSV

180.6, 97.0%, 39.2%

CMYK

97.0%, 1.0%, 0.0%, 60.8%

OKLCH

0.4532 0.0764 196.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#036364

#640403

Analogous

#036434

#033364

#036364

Triadic

#036364

#640363

#636403

Split Complementary

#036364

#640333

#643403

Tetradic

#036364

#340364

#640403

#336403

Color Blindness Simulation

Original

#036364

Protanopia

#2D2D64

Deuteranopia

#272064

Tritanopia

#086464

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFD
300
#88FAFB
400
#48F8FA
500
#07F5F8
600
#06C4C6
700
#059D9E
800
#047B7C
900
#07595A
950
#053839

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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