#32AEAA

#32AEAA

Color Values

HEX

#32AEAA

RGB

50, 174, 170

HSL

178.1, 55.4%, 43.9%

HSV

178.1, 71.3%, 68.2%

CMYK

71.3%, 0.0%, 2.3%, 31.8%

OKLCH

0.6844 0.1052 191.8

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#32AEAA

#AE3236

Analogous

#32AE6C

#3274AE

#32AEAA

Triadic

#32AEAA

#AA32AE

#AEAA32

Split Complementary

#32AEAA

#AE3274

#AE6C32

Tetradic

#32AEAA

#6C32AE

#AE3236

#74AE32

Color Blindness Simulation

Original

#32AEAA

Protanopia

#6869AB

Deuteranopia

#6057AB

Tritanopia

#38ACAC

Achromatopsia

#939393

CSS Usage

background-color: #32AEAA;
color: #32AEAA;
border-color: #32AEAA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C8EFEE
300
#A0E4E2
400
#6CD5D2
500
#39C6C2
600
#2D9F9B
700
#247F7C
800
#1C6361
900
#184947
950
#0F2E2D

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

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