#301F24

#301F24

Color Values

HEX

#301F24

RGB

48, 31, 36

HSL

342.4, 21.5%, 15.5%

HSV

342.4, 35.4%, 18.8%

CMYK

0.0%, 35.4%, 25.0%, 81.2%

OKLCH

0.2625 0.0277 359.9

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#301F24

#1F302B

Analogous

#301F2D

#30231F

#301F24

Triadic

#301F24

#24301F

#1F2430

Split Complementary

#301F24

#1F3023

#1F2D30

Tetradic

#301F24

#2D301F

#1F302B

#231F30

Color Blindness Simulation

Original

#301F24

Protanopia

#292823

Deuteranopia

#2A2B22

Tritanopia

#2F2222

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4D8
300
#CFB5BC
400
#B58C98
500
#9B6474
600
#7C505D
700
#63404A
800
#4D323A
900
#3A272D
950
#25191C

Contrast Checker

Text on white

15.59:1

AA Pass AAA Pass

Text on black

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