#222C0F

#222C0F

Color Values

HEX

#222C0F

RGB

34, 44, 15

HSL

80.7, 49.2%, 11.6%

HSV

80.7, 65.9%, 17.3%

CMYK

22.7%, 0.0%, 65.9%, 82.7%

OKLCH

0.2757 0.0497 125.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222C0F

#190F2C

Analogous

#2C280F

#142C0F

#222C0F

Triadic

#222C0F

#0F222C

#2C0F22

Split Complementary

#222C0F

#0F142C

#280F2C

Tetradic

#222C0F

#0F2C28

#190F2C

#2C0F14

Color Blindness Simulation

Original

#222C0F

Protanopia

#262616

Deuteranopia

#262518

Tritanopia

#221C1D

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#E1EDCA
300
#CBE0A4
400
#AFCF72
500
#93BE41
600
#769834
700
#5E7A29
800
#495F20
900
#37461B
950
#232C11

Contrast Checker

Text on white

14.63:1

AA Pass AAA Pass

Text on black

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