#218281

#218281

Color Values

HEX

#218281

RGB

33, 130, 129

HSL

179.4, 59.5%, 32.0%

HSV

179.4, 74.6%, 51.0%

CMYK

74.6%, 0.0%, 0.8%, 49.0%

OKLCH

0.5532 0.0856 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#218281

#822122

Analogous

#218251

#215382

#218281

Triadic

#218281

#812182

#828121

Split Complementary

#218281

#822153

#825121

Tetradic

#218281

#512182

#822122

#538221

Color Blindness Simulation

Original

#218281

Protanopia

#4B4C81

Deuteranopia

#453E81

Tritanopia

#268181

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1F0
300
#9DE6E5
400
#69D9D8
500
#34CBCA
600
#29A3A1
700
#218281
800
#1A6665
900
#174A4A
950
#0E2F2F

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57: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