#33997D

#33997D

Color Values

HEX

#33997D

RGB

51, 153, 125

HSL

163.5, 50.0%, 40.0%

HSV

163.5, 66.7%, 60.0%

CMYK

66.7%, 0.0%, 18.3%, 40.0%

OKLCH

0.6168 0.1028 171.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#33997D

#99334F

Analogous

#33994A

#338299

#33997D

Triadic

#33997D

#7D3399

#997D33

Split Complementary

#33997D

#993382

#994A33

Tetradic

#33997D

#4A3399

#99334F

#829933

Color Blindness Simulation

Original

#33997D

Protanopia

#5F6084

Deuteranopia

#595285

Tritanopia

#38898A

Achromatopsia

#818181

CSS Usage

background-color: #33997D;
color: #33997D;
border-color: #33997D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBF9
100
#E6F5F1
200
#C9EDE3
300
#A3E0D0
400
#71D0B6
500
#40BF9C
600
#33997D
700
#297A64
800
#20604E
900
#1B463A
950
#112C25

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

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