#224506

#224506

Color Values

HEX

#224506

RGB

34, 69, 6

HSL

93.3, 84.0%, 14.7%

HSV

93.3, 91.3%, 27.1%

CMYK

50.7%, 0.0%, 91.3%, 72.9%

OKLCH

0.3504 0.0968 135.1

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224506

#290645

Analogous

#424506

#064509

#224506

Triadic

#224506

#062245

#450622

Split Complementary

#224506

#090645

#450642

Tetradic

#224506

#064245

#290645

#450906

Color Blindness Simulation

Original

#224506

Protanopia

#313115

Deuteranopia

#2F2C19

Tritanopia

#242124

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#D8F9BD
300
#BCF58E
400
#98F051
500
#74EB14
600
#5DBC10
700
#4A960D
800
#3A750A
900
#2C550C
950
#1C3607

Contrast Checker

Text on white

10.93:1

AA Pass AAA Pass

Text on black

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