#340F0D

#340F0D

Color Values

HEX

#340F0D

RGB

52, 15, 13

HSL

3.1, 60.0%, 12.7%

HSV

3.1, 75.0%, 20.4%

CMYK

0.0%, 71.2%, 75.0%, 79.6%

OKLCH

0.2295 0.0603 26.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#340F0D

#0D3234

Analogous

#340D1E

#34220D

#340F0D

Triadic

#340F0D

#0D340F

#0F0D34

Split Complementary

#340F0D

#0D3422

#0D1E34

Tetradic

#340F0D

#1E340D

#0D3234

#220D34

Color Blindness Simulation

Original

#340F0D

Protanopia

#24240D

Deuteranopia

#26290E

Tritanopia

#320E0E

Achromatopsia

#171717

CSS Usage

background-color: #340F0D;
color: #340F0D;
border-color: #340F0D;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F3
100
#F6E5E4
200
#F1C8C6
300
#E7A19D
400
#D96E68
500
#CC3B33
600
#A32F29
700
#832621
800
#661D1A
900
#4B1916
950
#2F100E

Contrast Checker

Text on white

17.21:1

AA Pass AAA Pass

Text on black

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