#217982

#217982

Color Values

HEX

#217982

RGB

33, 121, 130

HSL

185.6, 59.5%, 32.0%

HSV

185.6, 74.6%, 51.0%

CMYK

74.6%, 6.9%, 0.0%, 49.0%

OKLCH

0.53 0.0806 205.1

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#217982

#822A21

Analogous

#21825B

#214982

#217982

Triadic

#217982

#822179

#798221

Split Complementary

#217982

#822149

#825B21

Tetradic

#217982

#5B2182

#822A21

#498221

Color Blindness Simulation

Original

#217982

Protanopia

#474880

Deuteranopia

#423B7F

Tritanopia

#257E7E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6EDF1
300
#9DDFE6
400
#69CED9
500
#34BDCB
600
#2997A3
700
#217982
800
#1A5F66
900
#17464A
950
#0E2C2F

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12: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