#3A8580

#3A8580

Color Values

HEX

#3A8580

RGB

58, 133, 128

HSL

176.0, 39.3%, 37.5%

HSV

176.0, 56.4%, 52.2%

CMYK

56.4%, 0.0%, 3.8%, 47.8%

OKLCH

0.5682 0.0745 189.4

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#3A8580

#853A3F

Analogous

#3A855B

#3A6585

#3A8580

Triadic

#3A8580

#803A85

#85803A

Split Complementary

#3A8580

#853A65

#855B3A

Tetradic

#3A8580

#5B3A85

#853A3F

#65853A

Color Blindness Simulation

Original

#3A8580

Protanopia

#5A5B81

Deuteranopia

#565082

Tritanopia

#3E8282

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CDE9E7
300
#AADAD7
400
#7CC6C1
500
#4DB2AB
600
#3E8E89
700
#32726D
800
#275955
900
#1F423F
950
#142928

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