#218982

#218982

Color Values

HEX

#218982

RGB

33, 137, 130

HSL

176.0, 61.2%, 33.3%

HSV

176.0, 75.9%, 53.7%

CMYK

75.9%, 0.0%, 5.1%, 46.3%

OKLCH

0.572 0.0909 188.1

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#218982

#892128

Analogous

#21894E

#215C89

#218982

Triadic

#218982

#822189

#898221

Split Complementary

#218982

#89215C

#894E21

Tetradic

#218982

#4E2189

#892128

#5C8921

Color Blindness Simulation

Original

#218982

Protanopia

#4E4F84

Deuteranopia

#484084

Tritanopia

#268585

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F5
200
#C5F1EE
300
#9CE7E2
400
#67DAD3
500
#31CEC3
600
#28A49C
700
#20847D
800
#196762
900
#164B48
950
#0E2F2D

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026