#301618

#301618

Color Values

HEX

#301618

RGB

48, 22, 24

HSL

355.4, 37.1%, 13.7%

HSV

355.4, 54.2%, 18.8%

CMYK

0.0%, 54.2%, 50.0%, 81.2%

OKLCH

0.2384 0.0421 15.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#301618

#16302E

Analogous

#301625

#302116

#301618

Triadic

#301618

#183016

#161830

Split Complementary

#301618

#163021

#162530

Tetradic

#301618

#253016

#16302E

#211630

Color Blindness Simulation

Original

#301618

Protanopia

#252518

Deuteranopia

#262817

Tritanopia

#2F1717

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E9CED0
300
#D9ABAF
400
#C47E83
500
#AF5057
600
#8C4046
700
#703338
800
#57282C
900
#412023
950
#291416

Contrast Checker

Text on white

16.75:1

AA Pass AAA Pass

Text on black

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