#222813

#222813

Color Values

HEX

#222813

RGB

34, 40, 19

HSL

77.1, 35.6%, 11.6%

HSV

77.1, 52.5%, 15.7%

CMYK

15.0%, 0.0%, 52.5%, 84.3%

OKLCH

0.2646 0.0371 122.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222813

#191328

Analogous

#282413

#182813

#222813

Triadic

#222813

#132228

#281322

Split Complementary

#222813

#131828

#241328

Tetradic

#222813

#132824

#191328

#281318

Color Blindness Simulation

Original

#222813

Protanopia

#252518

Deuteranopia

#242419

Tritanopia

#221C1D

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E8
200
#E1E8CF
300
#CBD8AC
400
#AFC27F
500
#93AD52
600
#768A42
700
#5E6F35
800
#4A5629
900
#374021
950
#232815

Contrast Checker

Text on white

15.21:1

AA Pass AAA Pass

Text on black

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