#32736C

#32736C

Color Values

HEX

#32736C

RGB

50, 115, 108

HSL

173.5, 39.4%, 32.4%

HSV

173.5, 56.5%, 45.1%

CMYK

56.5%, 0.0%, 6.1%, 54.9%

OKLCH

0.5112 0.0673 185.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#32736C

#733239

Analogous

#32734C

#325A73

#32736C

Triadic

#32736C

#6C3273

#736C32

Split Complementary

#32736C

#73325A

#734C32

Tetradic

#32736C

#4C3273

#733239

#5A7332

Color Blindness Simulation

Original

#32736C

Protanopia

#4E4F6E

Deuteranopia

#4A466E

Tritanopia

#356F6F

Achromatopsia

#656565

CSS Usage

background-color: #32736C;
color: #32736C;
border-color: #32736C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDE9E6
300
#AADAD5
400
#7BC6BE
500
#4DB2A7
600
#3E8E85
700
#31726B
800
#275953
900
#1F423E
950
#142927

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026