#224303

#224303

Color Values

HEX

#224303

RGB

34, 67, 3

HSL

90.9, 91.4%, 13.7%

HSV

90.9, 95.5%, 26.3%

CMYK

49.3%, 0.0%, 95.5%, 73.7%

OKLCH

0.3441 0.096 134.2

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224303

#240343

Analogous

#424303

#034304

#224303

Triadic

#224303

#032243

#430322

Split Complementary

#224303

#040343

#430342

Tetradic

#224303

#034243

#240343

#430403

Color Blindness Simulation

Original

#224303

Protanopia

#303112

Deuteranopia

#2E2C16

Tritanopia

#241F21

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DAFCBB
300
#C0FA8A
400
#9EF74A
500
#7CF40B
600
#63C309
700
#4F9C07
800
#3E7A05
900
#2F5809
950
#1E3805

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026