#224818

#224818

Color Values

HEX

#224818

RGB

34, 72, 24

HSL

107.5, 50.0%, 18.8%

HSV

107.5, 66.7%, 28.2%

CMYK

52.8%, 0.0%, 66.7%, 71.8%

OKLCH

0.3612 0.0873 139.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224818

#3E1848

Analogous

#3A4818

#184826

#224818

Triadic

#224818

#182248

#481822

Split Complementary

#224818

#261848

#48183A

Tetradic

#224818

#183A48

#3E1848

#482618

Color Blindness Simulation

Original

#224818

Protanopia

#323324

Deuteranopia

#302D26

Tritanopia

#242D2F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #224818;
color: #224818;
border-color: #224818;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F5FBF4
100
#E9F5E6
200
#D1EDC9
300
#B0E0A3
400
#85D071
500
#5ABF40
600
#489933
700
#3A7A29
800
#2D6020
900
#24461B
950
#172C11

Contrast Checker

Text on white

10.46:1

AA Pass AAA Pass

Text on black

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