#223B22

#223B22

Color Values

HEX

#223B22

RGB

34, 59, 34

HSL

120.0, 26.9%, 18.2%

HSV

120.0, 42.4%, 23.1%

CMYK

42.4%, 0.0%, 42.4%, 76.9%

OKLCH

0.3241 0.0534 144.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#223B22

#3B223B

Analogous

#2E3B22

#223B2E

#223B22

Triadic

#223B22

#22223B

#3B2222

Split Complementary

#223B22

#2E223B

#3B222E

Tetradic

#223B22

#222E3B

#3B223B

#3B2E22

Color Blindness Simulation

Original

#223B22

Protanopia

#2D2D28

Deuteranopia

#2B2A2A

Tritanopia

#232D2E

Achromatopsia

#343434

CSS Usage

background-color: #223B22;
color: #223B22;
border-color: #223B22;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B1D2B1
400
#87BA87
500
#5DA25D
600
#4B814B
700
#3C683C
800
#2F512F
900
#253C25
950
#172617

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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