#22342A

#22342A

Color Values

HEX

#22342A

RGB

34, 52, 42

HSL

146.7, 20.9%, 16.9%

HSV

146.7, 34.6%, 20.4%

CMYK

34.6%, 0.0%, 19.2%, 79.6%

OKLCH

0.3058 0.0297 159.7

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#22342A

#34222C

Analogous

#233422

#223433

#22342A

Triadic

#22342A

#2A2234

#342A22

Split Complementary

#22342A

#332234

#342223

Tetradic

#22342A

#222334

#34222C

#343322

Color Blindness Simulation

Original

#22342A

Protanopia

#2A2A2C

Deuteranopia

#29272D

Tritanopia

#232E2F

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E3DA
300
#B5CFC0
400
#8DB49E
500
#659A7D
600
#517B64
700
#416350
800
#324D3E
900
#273A2F
950
#19241E

Contrast Checker

Text on white

13.19:1

AA Pass AAA Pass

Text on black

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