#217C77

#217C77

Color Values

HEX

#217C77

RGB

33, 124, 119

HSL

176.7, 58.0%, 30.8%

HSV

176.7, 73.4%, 48.6%

CMYK

73.4%, 0.0%, 4.0%, 51.4%

OKLCH

0.5337 0.0825 189.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#217C77

#7C2126

Analogous

#217C4A

#21547C

#217C77

Triadic

#217C77

#77217C

#7C7721

Split Complementary

#217C77

#7C2154

#7C4A21

Tetradic

#217C77

#4A217C

#7C2126

#547C21

Color Blindness Simulation

Original

#217C77

Protanopia

#484978

Deuteranopia

#433C78

Tritanopia

#267979

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C7F0EE
300
#9EE5E1
400
#6AD7D1
500
#36C9C1
600
#2BA19B
700
#22817C
800
#1B6561
900
#174A47
950
#0F2F2D

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.21:1

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