#044222

#044222

Color Values

HEX

#044222

RGB

4, 66, 34

HSL

149.0, 88.6%, 13.7%

HSV

149.0, 93.9%, 25.9%

CMYK

93.9%, 0.0%, 48.5%, 74.1%

OKLCH

0.3339 0.0812 154.0

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#044222

#420424

Analogous

#054204

#044241

#044222

Triadic

#044222

#220442

#422204

Split Complementary

#044222

#410442

#420405

Tetradic

#044222

#040542

#420424

#424104

Color Blindness Simulation

Original

#044222

Protanopia

#1F1F2A

Deuteranopia

#1B172C

Tritanopia

#073031

Achromatopsia

#333333

CSS Usage

background-color: #044222;
color: #044222;
border-color: #044222;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BCFBDA
300
#8CF8C0
400
#4DF49E
500
#0FF07C
600
#0CC063
700
#099A4F
800
#07783E
900
#0A572F
950
#06371E

Contrast Checker

Text on white

11.62:1

AA Pass AAA Pass

Text on black

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