#283322

#283322

Color Values

HEX

#283322

RGB

40, 51, 34

HSL

98.8, 20.0%, 16.7%

HSV

98.8, 33.3%, 20.0%

CMYK

21.6%, 0.0%, 33.3%, 80.0%

OKLCH

0.3054 0.0331 134.8

Properties

Cool Dark Nearest: RAL 6007 Bottle Green

Color Harmonies

Complementary

#283322

#2D2233

Analogous

#313322

#223325

#283322

Triadic

#283322

#222833

#332228

Split Complementary

#283322

#252233

#332231

Tetradic

#283322

#223133

#2D2233

#332522

Color Blindness Simulation

Original

#283322

Protanopia

#2D2D26

Deuteranopia

#2C2B27

Tritanopia

#29292A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #283322;
color: #283322;
border-color: #283322;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E2D4
300
#BECEB6
400
#9BB48E
500
#789966
600
#607A52
700
#4D6241
800
#3C4D33
900
#2E3928
950
#1D2419

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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