#342F0F

#342F0F

Color Values

HEX

#342F0F

RGB

52, 47, 15

HSL

51.9, 55.2%, 13.1%

HSV

51.9, 71.2%, 20.4%

CMYK

0.0%, 9.6%, 71.2%, 79.6%

OKLCH

0.3026 0.0489 100.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#342F0F

#0F1434

Analogous

#341C0F

#26340F

#342F0F

Triadic

#342F0F

#0F342F

#2F0F34

Split Complementary

#342F0F

#0F2634

#1C0F34

Tetradic

#342F0F

#0F341C

#0F1434

#340F26

Color Blindness Simulation

Original

#342F0F

Protanopia

#323217

Deuteranopia

#323219

Tritanopia

#341D1E

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F3E5
200
#EFEAC8
300
#E4DAA0
400
#D5C76D
500
#C6B339
600
#9E8F2E
700
#7F7225
800
#63591D
900
#494218
950
#2E2A0F

Contrast Checker

Text on white

13.47:1

AA Pass AAA Pass

Text on black

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