#035A56

#035A56

Color Values

HEX

#035A56

RGB

3, 90, 86

HSL

177.2, 93.5%, 18.2%

HSV

177.2, 96.7%, 35.3%

CMYK

96.7%, 0.0%, 4.4%, 64.7%

OKLCH

0.4222 0.0721 189.5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#035A56

#5A0307

Analogous

#035A2A

#03325A

#035A56

Triadic

#035A56

#56035A

#5A5603

Split Complementary

#035A56

#5A0332

#5A2A03

Tetradic

#035A56

#2A035A

#5A0307

#325A03

Color Blindness Simulation

Original

#035A56

Protanopia

#292957

Deuteranopia

#241D57

Tritanopia

#075858

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDFA
300
#89FBF6
400
#48F9F1
500
#08F7EC
600
#07C5BC
700
#059E97
800
#047B76
900
#085955
950
#053836

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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