#218264

#218264

Color Values

HEX

#218264

RGB

33, 130, 100

HSL

161.4, 59.5%, 32.0%

HSV

161.4, 74.6%, 51.0%

CMYK

74.6%, 0.0%, 23.1%, 49.0%

OKLCH

0.5438 0.0997 167.5

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#218264

#82213F

Analogous

#218233

#217082

#218264

Triadic

#218264

#642182

#826421

Split Complementary

#218264

#822170

#823321

Tetradic

#218264

#332182

#82213F

#708221

Color Blindness Simulation

Original

#218264

Protanopia

#4B4C6B

Deuteranopia

#453E6D

Tritanopia

#267172

Achromatopsia

#6B6B6B

CSS Usage

background-color: #218264;
color: #218264;
border-color: #218264;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FBF9
100
#E4F6F1
200
#C6F1E3
300
#9DE6D0
400
#69D9B6
500
#34CB9C
600
#29A37D
700
#218264
800
#1A664E
900
#174A3A
950
#0E2F25

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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