#218381

#218381

Color Values

HEX

#218381

RGB

33, 131, 129

HSL

178.8, 59.8%, 32.2%

HSV

178.8, 74.8%, 51.4%

CMYK

74.8%, 0.0%, 1.5%, 48.6%

OKLCH

0.5559 0.0863 192.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#218381

#832123

Analogous

#218350

#215483

#218381

Triadic

#218381

#812183

#838121

Split Complementary

#218381

#832154

#835021

Tetradic

#218381

#502183

#832123

#548321

Color Blindness Simulation

Original

#218381

Protanopia

#4B4C81

Deuteranopia

#463E82

Tritanopia

#268282

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1F0
300
#9DE6E5
400
#68D9D7
500
#33CCC9
600
#29A3A1
700
#218280
800
#1A6664
900
#164B49
950
#0E2F2E

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026