#223326

#223326

Color Values

HEX

#223326

RGB

34, 51, 38

HSL

134.1, 20.0%, 16.7%

HSV

134.1, 33.3%, 20.0%

CMYK

33.3%, 0.0%, 25.5%, 80.0%

OKLCH

0.3017 0.0324 151.4

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#223326

#33222F

Analogous

#273322

#22332F

#223326

Triadic

#223326

#262233

#332622

Split Complementary

#223326

#2F2233

#332227

Tetradic

#223326

#222733

#33222F

#332F22

Color Blindness Simulation

Original

#223326

Protanopia

#292A29

Deuteranopia

#28272A

Tritanopia

#232C2C

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E2D8
300
#B6CEBB
400
#8EB497
500
#669972
600
#527A5B
700
#416249
800
#334D39
900
#28392C
950
#19241C

Contrast Checker

Text on white

13.38:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026