#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026