#351618

#351618

Color Values

HEX

#351618

RGB

53, 22, 24

HSL

356.1, 41.3%, 14.7%

HSV

356.1, 58.5%, 20.8%

CMYK

0.0%, 58.5%, 54.7%, 79.2%

OKLCH

0.2469 0.0498 17.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#351618

#163533

Analogous

#351627

#352316

#351618

Triadic

#351618

#183516

#161835

Split Complementary

#351618

#163523

#162735

Tetradic

#351618

#273516

#163533

#231635

Color Blindness Simulation

Original

#351618

Protanopia

#282718

Deuteranopia

#292C17

Tritanopia

#331717

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCE
300
#DBA9AC
400
#C87A7F
500
#B44B52
600
#903C41
700
#733034
800
#5A2529
900
#421E21
950
#2A1315

Contrast Checker

Text on white

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