#223616

#223616

Color Values

HEX

#223616

RGB

34, 54, 22

HSL

97.5, 42.1%, 14.9%

HSV

97.5, 59.3%, 21.2%

CMYK

37.0%, 0.0%, 59.3%, 78.8%

OKLCH

0.3068 0.0592 135.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#223616

#2A1636

Analogous

#323616

#16361A

#223616

Triadic

#223616

#162236

#361622

Split Complementary

#223616

#1A1636

#361632

Tetradic

#223616

#163236

#2A1636

#361A16

Color Blindness Simulation

Original

#223616

Protanopia

#2B2B1E

Deuteranopia

#2A2820

Tritanopia

#232425

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EACC
300
#BBDCA8
400
#97C879
500
#72B54A
600
#5B913B
700
#49742F
800
#395B25
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026