#217B83

#217B83

Color Values

HEX

#217B83

RGB

33, 123, 131

HSL

184.9, 59.8%, 32.2%

HSV

184.9, 74.8%, 51.4%

CMYK

74.8%, 6.1%, 0.0%, 48.6%

OKLCH

0.5356 0.0816 203.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#217B83

#832921

Analogous

#21835A

#214A83

#217B83

Triadic

#217B83

#83217B

#7B8321

Split Complementary

#217B83

#83214A

#835A21

Tetradic

#217B83

#5A2183

#832921

#4A8321

Color Blindness Simulation

Original

#217B83

Protanopia

#484981

Deuteranopia

#433C81

Tritanopia

#26807F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EDF1
300
#9DE0E6
400
#68D0D9
500
#33BFCC
600
#2999A3
700
#217A82
800
#1A6066
900
#16464B
950
#0E2C2F

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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