#222502

#222502

Color Values

HEX

#222502

RGB

34, 37, 2

HSL

65.1, 89.7%, 7.6%

HSV

65.1, 94.6%, 14.5%

CMYK

8.1%, 0.0%, 94.6%, 85.5%

OKLCH

0.253 0.0541 114.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222502

#050225

Analogous

#251602

#102502

#222502

Triadic

#222502

#022225

#250222

Split Complementary

#222502

#021025

#160225

Tetradic

#222502

#022516

#050225

#250210

Color Blindness Simulation

Original

#222502

Protanopia

#23230A

Deuteranopia

#23230C

Tritanopia

#221113

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FBE0
200
#F6FBBB
300
#EFF98B
400
#E7F54C
500
#DEF20D
600
#B2C10B
700
#8E9B08
800
#6F7907
900
#515809
950
#333706

Contrast Checker

Text on white

15.75:1

AA Pass AAA Pass

Text on black

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