#343F22

#343F22

Color Values

HEX

#343F22

RGB

52, 63, 34

HSL

82.8, 29.9%, 19.0%

HSV

82.8, 46.0%, 24.7%

CMYK

17.5%, 0.0%, 46.0%, 75.3%

OKLCH

0.3494 0.0492 125.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#343F22

#2D223F

Analogous

#3F3B22

#253F22

#343F22

Triadic

#343F22

#22343F

#3F2234

Split Complementary

#343F22

#22253F

#3B223F

Tetradic

#343F22

#223F3B

#2D223F

#3F2225

Color Blindness Simulation

Original

#343F22

Protanopia

#393929

Deuteranopia

#38372B

Tritanopia

#352F30

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C6D4B0
400
#A7BD84
500
#89A659
600
#6D8448
700
#576A39
800
#44532D
900
#343D23
950
#212716

Contrast Checker

Text on white

11.17:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026