#358886

#358886

Color Values

HEX

#358886

RGB

53, 136, 134

HSL

178.6, 43.9%, 37.1%

HSV

178.6, 61.0%, 53.3%

CMYK

61.0%, 0.0%, 1.5%, 46.7%

OKLCH

0.5762 0.0793 193.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#358886

#883537

Analogous

#35885D

#356188

#358886

Triadic

#358886

#863588

#888635

Split Complementary

#358886

#883561

#885D35

Tetradic

#358886

#5D3588

#883537

#618835

Color Blindness Simulation

Original

#358886

Protanopia

#595A86

Deuteranopia

#544E87

Tritanopia

#398787

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CCEBEA
300
#A7DDDB
400
#77CAC8
500
#48B7B5
600
#399391
700
#2E7574
800
#245C5A
900
#1D4443
950
#132B2A

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass 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