#301C23

#301C23

Color Values

HEX

#301C23

RGB

48, 28, 35

HSL

339.0, 26.3%, 14.9%

HSV

339.0, 41.7%, 18.8%

CMYK

0.0%, 41.7%, 27.1%, 81.2%

OKLCH

0.2553 0.0334 357.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#301C23

#1C3029

Analogous

#301C2D

#301F1C

#301C23

Triadic

#301C23

#23301C

#1C2330

Split Complementary

#301C23

#1C301F

#1C2D30

Tetradic

#301C23

#2D301C

#1C3029

#1F1C30

Color Blindness Simulation

Original

#301C23

Protanopia

#272721

Deuteranopia

#282A21

Tritanopia

#2F2020

Achromatopsia

#212121

CSS Usage

background-color: #301C23;
color: #301C23;
border-color: #301C23;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D8
300
#D2B2BD
400
#B98899
500
#A15E75
600
#814B5E
700
#673C4B
800
#512F3B
900
#3C252D
950
#26171C

Contrast Checker

Text on white

15.96:1

AA Pass AAA Pass

Text on black

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