#222102

#222102

Color Values

HEX

#222102

RGB

34, 33, 2

HSL

58.1, 88.9%, 7.1%

HSV

58.1, 94.1%, 13.3%

CMYK

0.0%, 2.9%, 94.1%, 86.7%

OKLCH

0.2413 0.0489 107.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#222102

#020322

Analogous

#221102

#132202

#222102

Triadic

#222102

#022221

#210222

Split Complementary

#222102

#021322

#110222

Tetradic

#222102

#022211

#020322

#220213

Color Blindness Simulation

Original

#222102

Protanopia

#222209

Deuteranopia

#22220B

Tritanopia

#220F11

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FBFAE0
200
#FBF9BC
300
#F8F58B
400
#F5EF4D
500
#F1EA0E
600
#C1BB0B
700
#9A9609
800
#787507
900
#57550A
950
#373606

Contrast Checker

Text on white

16.32:1

AA Pass AAA Pass

Text on black

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