#351613

#351613

Color Values

HEX

#351613

RGB

53, 22, 19

HSL

5.3, 47.2%, 14.1%

HSV

5.3, 64.2%, 20.8%

CMYK

0.0%, 58.5%, 64.2%, 79.2%

OKLCH

0.2455 0.0505 27.1

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#351613

#133235

Analogous

#351321

#352713

#351613

Triadic

#351613

#133516

#161335

Split Complementary

#351613

#133527

#132135

Tetradic

#351613

#213513

#133235

#271335

Color Blindness Simulation

Original

#351613

Protanopia

#282714

Deuteranopia

#292C14

Tritanopia

#331414

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCA
300
#DFAAA5
400
#CD7C74
500
#BC4E43
600
#963E36
700
#78322B
800
#5E2722
900
#45201C
950
#2C1412

Contrast Checker

Text on white

16.46:1

AA Pass AAA Pass

Text on black

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