#33B0AD

#33B0AD

Color Values

HEX

#33B0AD

RGB

51, 176, 173

HSL

178.6, 55.1%, 44.5%

HSV

178.6, 71.0%, 69.0%

CMYK

71.0%, 0.0%, 1.7%, 31.0%

OKLCH

0.6906 0.1058 192.6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#33B0AD

#B03336

Analogous

#33B06F

#3374B0

#33B0AD

Triadic

#33B0AD

#AD33B0

#B0AD33

Split Complementary

#33B0AD

#B03374

#B06F33

Tetradic

#33B0AD

#6F33B0

#B03336

#74B033

Color Blindness Simulation

Original

#33B0AD

Protanopia

#696AAE

Deuteranopia

#6258AE

Tritanopia

#39AEAE

Achromatopsia

#959595

CSS Usage

background-color: #33B0AD;
color: #33B0AD;
border-color: #33B0AD;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C8EFEE
300
#A0E4E2
400
#6DD5D2
500
#39C6C2
600
#2E9E9C
700
#257F7C
800
#1D6361
900
#184847
950
#0F2E2D

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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