#223516

#223516

Color Values

HEX

#223516

RGB

34, 53, 22

HSL

96.8, 41.3%, 14.7%

HSV

96.8, 58.5%, 20.8%

CMYK

35.8%, 0.0%, 58.5%, 79.2%

OKLCH

0.3038 0.0574 134.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#223516

#291635

Analogous

#313516

#16351A

#223516

Triadic

#223516

#162235

#351622

Split Complementary

#223516

#1A1635

#351631

Tetradic

#223516

#163135

#291635

#351A16

Color Blindness Simulation

Original

#223516

Protanopia

#2A2A1D

Deuteranopia

#29281F

Tritanopia

#232325

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACD
300
#BCDBA9
400
#98C87A
500
#74B44B
600
#5C903C
700
#4A7330
800
#3A5A25
900
#2C421E
950
#1C2A13

Contrast Checker

Text on white

13.22:1

AA Pass AAA Pass

Text on black

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