#042216

#042216

Color Values

HEX

#042216

RGB

4, 34, 22

HSL

156.0, 78.9%, 7.5%

HSV

156.0, 88.2%, 13.3%

CMYK

88.2%, 0.0%, 35.3%, 86.7%

OKLCH

0.2254 0.0432 163.2

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042216

#220410

Analogous

#042207

#041F22

#042216

Triadic

#042216

#160422

#221604

Split Complementary

#042216

#22041F

#220704

Tetradic

#042216

#070422

#220410

#1F2204

Color Blindness Simulation

Original

#042216

Protanopia

#111119

Deuteranopia

#0F0D1A

Tritanopia

#061B1C

Achromatopsia

#1B1B1B

CSS Usage

background-color: #042216;
color: #042216;
border-color: #042216;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F2FCF8
100
#E1F9F0
200
#BFF7E1
300
#92F2CB
400
#56EBB0
500
#1BE494
600
#16B676
700
#11925E
800
#0D724A
900
#0E5337
950
#093423

Contrast Checker

Text on white

16.86:1

AA Pass AAA Pass

Text on black

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