#223418

#223418

Color Values

HEX

#223418

RGB

34, 52, 24

HSL

98.6, 36.8%, 14.9%

HSV

98.6, 53.8%, 20.4%

CMYK

34.6%, 0.0%, 53.8%, 79.6%

OKLCH

0.3011 0.053 135.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#223418

#2A1834

Analogous

#303418

#18341C

#223418

Triadic

#223418

#182234

#341822

Split Complementary

#223418

#1C1834

#341830

Tetradic

#223418

#183034

#2A1834

#341C18

Color Blindness Simulation

Original

#223418

Protanopia

#2A2A1F

Deuteranopia

#292720

Tritanopia

#232425

Achromatopsia

#2E2E2E

CSS Usage

background-color: #223418;
color: #223418;
border-color: #223418;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D8E8CE
300
#BBD8AB
400
#97C37E
500
#72AE51
600
#5B8C40
700
#497034
800
#395728
900
#2C4020
950
#1C2914

Contrast Checker

Text on white

13.36:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026