#224D12

#224D12

Color Values

HEX

#224D12

RGB

34, 77, 18

HSL

103.7, 62.1%, 18.6%

HSV

103.7, 76.6%, 30.2%

CMYK

55.8%, 0.0%, 76.6%, 69.8%

OKLCH

0.3756 0.1001 138.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224D12

#3D124D

Analogous

#3F4D12

#124D1F

#224D12

Triadic

#224D12

#12224D

#4D1222

Split Complementary

#224D12

#1F124D

#4D123F

Tetradic

#224D12

#123F4D

#3D124D

#4D1F12

Color Blindness Simulation

Original

#224D12

Protanopia

#353520

Deuteranopia

#322F24

Tritanopia

#242C2E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#E9F7E4
200
#D1F1C5
300
#B0E89C
400
#86DB66
500
#5BCF30
600
#49A527
700
#3A841F
800
#2E6718
900
#244C15
950
#17300D

Contrast Checker

Text on white

9.82:1

AA Pass AAA Pass

Text on black

2.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026