#222404

#222404

Color Values

HEX

#222404

RGB

34, 36, 4

HSL

63.8, 80.0%, 7.8%

HSV

63.8, 88.9%, 14.1%

CMYK

5.6%, 0.0%, 88.9%, 85.9%

OKLCH

0.2504 0.05 112.9

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222404

#060424

Analogous

#241604

#122404

#222404

Triadic

#222404

#042224

#240422

Split Complementary

#222404

#041224

#160424

Tetradic

#222404

#042416

#060424

#240412

Color Blindness Simulation

Original

#222404

Protanopia

#23230C

Deuteranopia

#23230E

Tritanopia

#221213

Achromatopsia

#212121

CSS Usage

background-color: #222404;
color: #222404;
border-color: #222404;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F4F8BF
300
#EDF391
400
#E3EC55
500
#D9E619
600
#ADB814
700
#8B9310
800
#6C730D
900
#4F530E
950
#323509

Contrast Checker

Text on white

15.88:1

AA Pass AAA Pass

Text on black

1.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026