#219898

#219898

Color Values

HEX

#219898

RGB

33, 152, 152

HSL

180.0, 64.3%, 36.3%

HSV

180.0, 78.3%, 59.6%

CMYK

78.3%, 0.0%, 0.0%, 40.4%

OKLCH

0.6189 0.0984 194.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#219898

#982121

Analogous

#21985D

#215D98

#219898

Triadic

#219898

#982198

#989821

Split Complementary

#219898

#98215D

#985D21

Tetradic

#219898

#5D2198

#982121

#5D9821

Color Blindness Simulation

Original

#219898

Protanopia

#555698

Deuteranopia

#4E4598

Tritanopia

#279898

Achromatopsia

#7F7F7F

CSS Usage

background-color: #219898;
color: #219898;
border-color: #219898;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C4F2F2
300
#9AE9E9
400
#64DDDD
500
#2ED1D1
600
#24A8A8
700
#1D8686
800
#176969
900
#144C4C
950
#0D3030

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026