#301417

#301417

Color Values

HEX

#301417

RGB

48, 20, 23

HSL

353.6, 41.2%, 13.3%

HSV

353.6, 58.3%, 18.8%

CMYK

0.0%, 58.3%, 52.1%, 81.2%

OKLCH

0.234 0.0456 14.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#301417

#14302D

Analogous

#301425

#301F14

#301417

Triadic

#301417

#173014

#141730

Split Complementary

#301417

#14301F

#142530

Tetradic

#301417

#253014

#14302D

#1F1430

Color Blindness Simulation

Original

#301417

Protanopia

#242416

Deuteranopia

#262816

Tritanopia

#2F1616

Achromatopsia

#1A1A1A

CSS Usage

background-color: #301417;
color: #301417;
border-color: #301417;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DBA9AE
400
#C87A82
500
#B44B56
600
#903C45
700
#733037
800
#5A252B
900
#421E22
950
#2A1316

Contrast Checker

Text on white

16.96:1

AA Pass AAA Pass

Text on black

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