#3A8692

#3A8692

Color Values

HEX

#3A8692

RGB

58, 134, 146

HSL

188.2, 43.1%, 40.0%

HSV

188.2, 60.3%, 57.3%

CMYK

60.3%, 8.2%, 0.0%, 42.7%

OKLCH

0.5774 0.0764 209.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3A8692

#92463A

Analogous

#3A9272

#3A5A92

#3A8692

Triadic

#3A8692

#923A86

#86923A

Split Complementary

#3A8692

#923A5A

#92723A

Tetradic

#3A8692

#723A92

#92463A

#5A923A

Color Blindness Simulation

Original

#3A8692

Protanopia

#5B5C8F

Deuteranopia

#56518E

Tritanopia

#3E8D8C

Achromatopsia

#777777

CSS Usage

background-color: #3A8692;
color: #3A8692;
border-color: #3A8692;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE6EB
300
#A7D5DC
400
#78BEC9
500
#49A7B6
600
#3A8692
700
#2E6B75
800
#24545B
900
#1E3E43
950
#13272A

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026