#3E8486

#3E8486

Color Values

HEX

#3E8486

RGB

62, 132, 134

HSL

181.7, 36.7%, 38.4%

HSV

181.7, 53.7%, 52.5%

CMYK

53.7%, 1.5%, 0.0%, 47.5%

OKLCH

0.5693 0.0703 197.9

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3E8486

#86403E

Analogous

#3E8664

#3E6086

#3E8486

Triadic

#3E8486

#863E84

#84863E

Split Complementary

#3E8486

#863E60

#86643E

Tetradic

#3E8486

#643E86

#86403E

#60863E

Color Blindness Simulation

Original

#3E8486

Protanopia

#5C5D86

Deuteranopia

#585385

Tritanopia

#428585

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E8
300
#ABD7D8
400
#7EC1C3
500
#51ACAE
600
#41898B
700
#346E70
800
#285657
900
#204040
950
#142829

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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