#218F5F

#218F5F

Color Values

HEX

#218F5F

RGB

33, 143, 95

HSL

153.8, 62.5%, 34.5%

HSV

153.8, 76.9%, 56.1%

CMYK

76.9%, 0.0%, 33.6%, 43.9%

OKLCH

0.578 0.1216 159.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#218F5F

#8F2151

Analogous

#218F28

#21888F

#218F5F

Triadic

#218F5F

#5F218F

#8F5F21

Split Complementary

#218F5F

#8F2188

#8F2821

Tetradic

#218F5F

#28218F

#8F2151

#888F21

Color Blindness Simulation

Original

#218F5F

Protanopia

#51526B

Deuteranopia

#4A426D

Tritanopia

#267476

Achromatopsia

#747474

CSS Usage

background-color: #218F5F;
color: #218F5F;
border-color: #218F5F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FBF8
100
#E4F7EE
200
#C5F2DE
300
#9CE8C7
400
#66DCA8
500
#30CF8A
600
#26A66E
700
#1F8558
800
#186845
900
#154C34
950
#0D3021

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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