#3AAAAD

#3AAAAD

Color Values

HEX

#3AAAAD

RGB

58, 170, 173

HSL

181.6, 49.8%, 45.3%

HSV

181.6, 66.5%, 67.8%

CMYK

66.5%, 1.7%, 0.0%, 32.2%

OKLCH

0.6774 0.0986 197.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3AAAAD

#AD3D3A

Analogous

#3AAD77

#3A70AD

#3AAAAD

Triadic

#3AAAAD

#AD3AAA

#AAAD3A

Split Complementary

#3AAAAD

#AD3A70

#AD773A

Tetradic

#3AAAAD

#773AAD

#AD3D3A

#70AD3A

Color Blindness Simulation

Original

#3AAAAD

Protanopia

#6B6BAC

Deuteranopia

#645CAC

Tritanopia

#40ACAC

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAECED
300
#A3DFE0
400
#72CDD0
500
#40BCBF
600
#339699
700
#29787A
800
#205E5F
900
#1B4546
950
#112C2C

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

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