#3AAAAB

#3AAAAB

Color Values

HEX

#3AAAAB

RGB

58, 170, 171

HSL

180.5, 49.3%, 44.9%

HSV

180.5, 66.1%, 67.1%

CMYK

66.1%, 0.6%, 0.0%, 32.9%

OKLCH

0.6767 0.0986 195.9

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#3AAAAB

#AB3B3A

Analogous

#3AAB73

#3A72AB

#3AAAAB

Triadic

#3AAAAB

#AB3AAA

#AAAB3A

Split Complementary

#3AAAAB

#AB3A72

#AB733A

Tetradic

#3AAAAB

#733AAB

#AB3B3A

#72AB3A

Color Blindness Simulation

Original

#3AAAAB

Protanopia

#6B6BAB

Deuteranopia

#645CAB

Tritanopia

#40ABAB

Achromatopsia

#929292

CSS Usage

background-color: #3AAAAB;
color: #3AAAAB;
border-color: #3AAAAB;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E6F5F5
200
#CAEDED
300
#A4DFE0
400
#72CECF
500
#41BDBE
600
#349798
700
#29797A
800
#205F5F
900
#1B4646
950
#112C2C

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026