#218DA0

#218DA0

Color Values

HEX

#218DA0

RGB

33, 141, 160

HSL

189,0, 65,8%, 37,8%

HSV

189,0, 79,4%, 62,7%

CMYK

79,4%, 11,9%, 0,0%, 37,3%

OKLCH

0,594 0,0956 212,7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#218DA0

#A03421

Analogous

#21A073

#214DA0

#218DA0

Triadic

#218DA0

#A0218D

#8DA021

Split Complementary

#218DA0

#A0214D

#A07321

Tetradic

#218DA0

#7321A0

#A03421

#4DA021

Color Blindness Simulation

Original

#218DA0

Protanopia

#50519B

Deuteranopia

#4A419A

Tritanopia

#269897

Achromatopsia

#777777

CSS Usage

background-color: #218DA0;
color: #218DA0;
border-color: #218DA0;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF3
300
#9ADEEA
400
#63CCDF
500
#2CBAD3
600
#2395A9
700
#1C7787
800
#165D6A
900
#14454D
950
#0C2B31

Contrast Checker

Text on white

3,9:1

AA Fail AAA Fail

Text on black

5,38: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