#222F10

#222F10

Color Values

HEX

#222F10

RGB

34, 47, 16

HSL

85.2, 49.2%, 12.4%

HSV

85.2, 66.0%, 18.4%

CMYK

27.7%, 0.0%, 66.0%, 81.6%

OKLCH

0.2848 0.0538 128.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222F10

#1D102F

Analogous

#2F2D10

#132F10

#222F10

Triadic

#222F10

#10222F

#2F1022

Split Complementary

#222F10

#10132F

#2D102F

Tetradic

#222F10

#102F2D

#1D102F

#2F1013

Color Blindness Simulation

Original

#222F10

Protanopia

#282817

Deuteranopia

#272619

Tritanopia

#231D1F

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDCA
300
#C7E0A4
400
#A8CF72
500
#8ABE41
600
#6E9834
700
#587A29
800
#455F20
900
#34461B
950
#212C11

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

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