#218C84

#218C84

Color Values

HEX

#218C84

RGB

33, 140, 132

HSL

175.5, 61.8%, 33.9%

HSV

175.5, 76.4%, 54.9%

CMYK

76.4%, 0.0%, 5.7%, 45.1%

OKLCH

0.5806 0.0929 187.4

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#218C84

#8C2129

Analogous

#218C4E

#215E8C

#218C84

Triadic

#218C84

#84218C

#8C8421

Split Complementary

#218C84

#8C215E

#8C4E21

Tetradic

#218C84

#4E218C

#8C2129

#5E8C21

Color Blindness Simulation

Original

#218C84

Protanopia

#4F5086

Deuteranopia

#494186

Tritanopia

#268788

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F5
200
#C5F1EE
300
#9CE8E2
400
#66DBD2
500
#31CEC2
600
#27A59C
700
#1F847C
800
#186761
900
#164B47
950
#0E302D

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026