#214732

#214732

Color Values

HEX

#214732

RGB

33, 71, 50

HSL

146.8, 36.5%, 20.4%

HSV

146.8, 53.5%, 27.8%

CMYK

53.5%, 0.0%, 29.6%, 72.2%

OKLCH

0.3631 0.0573 157.6

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#214732

#472136

Analogous

#234721

#214745

#214732

Triadic

#214732

#322147

#473221

Split Complementary

#214732

#452147

#472123

Tetradic

#214732

#212347

#472136

#474521

Color Blindness Simulation

Original

#214732

Protanopia

#313237

Deuteranopia

#2F2C38

Tritanopia

#233B3C

Achromatopsia

#3D3D3D

CSS Usage

background-color: #214732;
color: #214732;
border-color: #214732;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DA
300
#ABD8BF
400
#7EC39D
500
#51AE7B
600
#418B62
700
#346F4E
800
#28573D
900
#21402F
950
#15291E

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail 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