#33ADB0

#33ADB0

Color Values

HEX

#33ADB0

RGB

51, 173, 176

HSL

181.4, 55.1%, 44.5%

HSV

181.4, 71.0%, 69.0%

CMYK

71.0%, 1.7%, 0.0%, 31.0%

OKLCH

0.6842 0.1036 197.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#33ADB0

#B03633

Analogous

#33B074

#336FB0

#33ADB0

Triadic

#33ADB0

#B033AD

#ADB033

Split Complementary

#33ADB0

#B0336F

#B07433

Tetradic

#33ADB0

#7433B0

#B03633

#6FB033

Color Blindness Simulation

Original

#33ADB0

Protanopia

#6869AF

Deuteranopia

#6158AF

Tritanopia

#39AFAF

Achromatopsia

#939393

CSS Usage

background-color: #33ADB0;
color: #33ADB0;
border-color: #33ADB0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C8EEEF
300
#A0E2E4
400
#6DD2D5
500
#39C2C6
600
#2E9C9E
700
#257C7F
800
#1D6163
900
#184748
950
#0F2D2E

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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