#217172

#217172

Color Values

HEX

#217172

RGB

33, 113, 114

HSL

180.7, 55.1%, 28.8%

HSV

180.7, 71.1%, 44.7%

CMYK

71.1%, 0.9%, 0.0%, 55.3%

OKLCH

0.5024 0.0747 196.3

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#217172

#722221

Analogous

#21724A

#214872

#217172

Triadic

#217172

#722171

#717221

Split Complementary

#217172

#722148

#724A21

Tetradic

#217172

#4A2172

#722221

#487221

Color Blindness Simulation

Original

#217172

Protanopia

#444472

Deuteranopia

#3F3972

Tritanopia

#257272

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C8EFEF
300
#A0E3E4
400
#6DD3D5
500
#39C4C6
600
#2E9D9E
700
#257E7F
800
#1D6263
900
#184848
950
#0F2D2E

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail 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