#222202

#222202

Color Values

HEX

#222202

RGB

34, 34, 2

HSL

60.0, 88.9%, 7.1%

HSV

60.0, 94.1%, 13.3%

CMYK

0.0%, 0.0%, 94.1%, 86.7%

OKLCH

0.2442 0.0501 109.6

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222202

#020222

Analogous

#221202

#122202

#222202

Triadic

#222202

#022222

#220222

Split Complementary

#222202

#021222

#120222

Tetradic

#222202

#022212

#020222

#220212

Color Blindness Simulation

Original

#222202

Protanopia

#22220A

Deuteranopia

#22220C

Tritanopia

#221011

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FBFBE0
200
#FBFBBC
300
#F8F88B
400
#F5F54D
500
#F1F10E
600
#C1C10B
700
#9A9A09
800
#787807
900
#57570A
950
#373706

Contrast Checker

Text on white

16.18:1

AA Pass AAA Pass

Text on black

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