#223716

#223716

Color Values

HEX

#223716

RGB

34, 55, 22

HSL

98.2, 42.9%, 15.1%

HSV

98.2, 60.0%, 21.6%

CMYK

38.2%, 0.0%, 60.0%, 78.4%

OKLCH

0.3098 0.061 135.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#223716

#2B1637

Analogous

#333716

#16371B

#223716

Triadic

#223716

#162237

#371622

Split Complementary

#223716

#1B1637

#371633

Tetradic

#223716

#163337

#2B1637

#371B16

Color Blindness Simulation

Original

#223716

Protanopia

#2B2B1E

Deuteranopia

#2A2820

Tritanopia

#232426

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF4E7
200
#D7EBCC
300
#BBDCA8
400
#96C978
500
#71B649
600
#5A923A
700
#48752F
800
#385B24
900
#2B431E
950
#1B2A13

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

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