#222F08

#222F08

Color Values

HEX

#222F08

RGB

34, 47, 8

HSL

80.0, 70.9%, 10.8%

HSV

80.0, 83.0%, 18.4%

CMYK

27.7%, 0.0%, 83.0%, 81.6%

OKLCH

0.2837 0.0622 126.1

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222F08

#15082F

Analogous

#2F2908

#0F2F08

#222F08

Triadic

#222F08

#08222F

#2F0822

Split Complementary

#222F08

#080F2F

#29082F

Tetradic

#222F08

#082F29

#15082F

#2F080F

Color Blindness Simulation

Original

#222F08

Protanopia

#282811

Deuteranopia

#272614

Tritanopia

#23191B

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F8E2
200
#E4F5C2
300
#D0ED96
400
#B7E45E
500
#9EDA25
600
#7EAE1E
700
#658B18
800
#4F6D13
900
#3B4F12
950
#25320B

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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