#32A199

#32A199

Color Values

HEX

#32A199

RGB

50, 161, 153

HSL

175.7, 52.6%, 41.4%

HSV

175.7, 68.9%, 63.1%

CMYK

68.9%, 0.0%, 5.0%, 36.9%

OKLCH

0.6458 0.0983 188.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#32A199

#A1323A

Analogous

#32A162

#3272A1

#32A199

Triadic

#32A199

#9932A1

#A19932

Split Complementary

#32A199

#A13272

#A16232

Tetradic

#32A199

#6232A1

#A1323A

#72A132

Color Blindness Simulation

Original

#32A199

Protanopia

#62639B

Deuteranopia

#5C539B

Tritanopia

#389C9D

Achromatopsia

#898989

CSS Usage

background-color: #32A199;
color: #32A199;
border-color: #32A199;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E2DD
400
#6FD2CB
500
#3CC3B9
600
#309C94
700
#277D76
800
#1E615C
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026