#33CCA8

#33CCA8

Color Values

HEX

#33CCA8

RGB

51, 204, 168

HSL

165.9, 60.0%, 50.0%

HSV

165.9, 75.0%, 80.0%

CMYK

75.0%, 0.0%, 17.6%, 20.0%

OKLCH

0.759 0.1346 172.7

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#33CCA8

#CC3357

Analogous

#33CC5C

#33A3CC

#33CCA8

Triadic

#33CCA8

#A833CC

#CCA833

Split Complementary

#33CCA8

#CC33A3

#CC5C33

Tetradic

#33CCA8

#5C33CC

#CC3357

#A3CC33

Color Blindness Simulation

Original

#33CCA8

Protanopia

#7577B1

Deuteranopia

#6C61B3

Tritanopia

#3BB8B9

Achromatopsia

#A9A9A9

CSS Usage

background-color: #33CCA8;
color: #33CCA8;
border-color: #33CCA8;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBF9
100
#E4F6F2
200
#C6F1E7
300
#9DE7D5
400
#68D9BF
500
#33CCA8
600
#29A386
700
#21836C
800
#1A6654
900
#164B3E
950
#0E2F27

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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