#218367

#218367

Color Values

HEX

#218367

RGB

33, 131, 103

HSL

162.9, 59.8%, 32.2%

HSV

162.9, 74.8%, 51.4%

CMYK

74.8%, 0.0%, 21.4%, 48.6%

OKLCH

0.5474 0.0987 169.2

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#218367

#83213D

Analogous

#218336

#216E83

#218367

Triadic

#218367

#672183

#836721

Split Complementary

#218367

#83216E

#833621

Tetradic

#218367

#362183

#83213D

#6E8321

Color Blindness Simulation

Original

#218367

Protanopia

#4B4C6E

Deuteranopia

#463E6F

Tritanopia

#267374

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F6F1
200
#C6F1E4
300
#9DE6D2
400
#68D9B9
500
#33CCA0
600
#29A380
700
#218267
800
#1A6650
900
#164B3C
950
#0E2F26

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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