#04221F

#04221F

Color Values

HEX

#04221F

RGB

4, 34, 31

HSL

174.0, 78.9%, 7.5%

HSV

174.0, 88.2%, 13.3%

CMYK

88.2%, 0.0%, 8.8%, 86.7%

OKLCH

0.2288 0.0359 185.7

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#04221F

#220407

Analogous

#042210

#041622

#04221F

Triadic

#04221F

#1F0422

#221F04

Split Complementary

#04221F

#220416

#221004

Tetradic

#04221F

#100422

#220407

#162204

Color Blindness Simulation

Original

#04221F

Protanopia

#111120

Deuteranopia

#0F0D20

Tritanopia

#062020

Achromatopsia

#1B1B1B

CSS Usage

background-color: #04221F;
color: #04221F;
border-color: #04221F;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FCFB
100
#E1F9F7
200
#BFF7F2
300
#92F2E8
400
#56EBDC
500
#1BE4D0
600
#16B6A6
700
#119285
800
#0D7268
900
#0E534C
950
#093430

Contrast Checker

Text on white

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