#22330D

#22330D

Color Values

HEX

#22330D

RGB

34, 51, 13

HSL

86.8, 59.4%, 12.5%

HSV

86.8, 74.5%, 20.0%

CMYK

33.3%, 0.0%, 74.5%, 80.0%

OKLCH

0.2964 0.064 130.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#22330D

#1E0D33

Analogous

#33310D

#0F330D

#22330D

Triadic

#22330D

#0D2233

#330D22

Split Complementary

#22330D

#0D0F33

#310D33

Tetradic

#22330D

#0D3331

#1E0D33

#330D0F

Color Blindness Simulation

Original

#22330D

Protanopia

#292A16

Deuteranopia

#282718

Tritanopia

#231D1F

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DEF1C6
300
#C6E69D
400
#A7D969
500
#88CB34
600
#6CA329
700
#578221
800
#44661A
900
#334A17
950
#202F0E

Contrast Checker

Text on white

13.57:1

AA Pass AAA Pass

Text on black

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