#218082

#218082

Color Values

HEX

#218082

RGB

33, 128, 130

HSL

181.2, 59.5%, 32.0%

HSV

181.2, 74.6%, 51.0%

CMYK

74.6%, 1.5%, 0.0%, 49.0%

OKLCH

0.5483 0.0842 197.1

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#218082

#822321

Analogous

#218254

#215082

#218082

Triadic

#218082

#822180

#808221

Split Complementary

#218082

#822150

#825421

Tetradic

#218082

#542182

#822321

#508221

Color Blindness Simulation

Original

#218082

Protanopia

#4A4B82

Deuteranopia

#453E81

Tritanopia

#268181

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F0F1
300
#9DE5E6
400
#69D7D9
500
#34C8CB
600
#29A0A3
700
#218082
800
#1A6466
900
#17494A
950
#0E2E2F

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail 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