#22740B

#22740B

Color Values

HEX

#22740B

RGB

34, 116, 11

HSL

106.9, 82.7%, 24.9%

HSV

106.9, 90.5%, 45.5%

CMYK

70.7%, 0.0%, 90.5%, 54.5%

OKLCH

0.4906 0.1533 140.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#22740B

#5D0B74

Analogous

#56740B

#0B7429

#22740B

Triadic

#22740B

#0B2274

#740B22

Split Complementary

#22740B

#290B74

#740B56

Tetradic

#22740B

#0B5674

#5D0B74

#74290B

Color Blindness Simulation

Original

#22740B

Protanopia

#464624

Deuteranopia

#413B2A

Tritanopia

#26383D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #22740B;
color: #22740B;
border-color: #22740B;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F4FDF2
100
#E6FAE1
200
#CBF9BE
300
#A5F48F
400
#75EF53
500
#44E916
600
#36BA12
700
#2C950E
800
#22740B
900
#1C550C
950
#123508

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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