#301626

#301626

Color Values

HEX

#301626

RGB

48, 22, 38

HSL

323.1, 37.1%, 13.7%

HSV

323.1, 54.2%, 18.8%

CMYK

0.0%, 54.2%, 20.8%, 81.2%

OKLCH

0.244 0.0488 343.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#301626

#163020

Analogous

#2D1630

#301619

#301626

Triadic

#301626

#263016

#162630

Split Complementary

#301626

#193016

#16302D

Tetradic

#301626

#302D16

#163020

#161930

Color Blindness Simulation

Original

#301626

Protanopia

#252522

Deuteranopia

#262821

Tritanopia

#2F1F1E

Achromatopsia

#1D1D1D

CSS Usage

background-color: #301626;
color: #301626;
border-color: #301626;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E9CEDE
300
#D9ABC7
400
#C47EA9
500
#AF508A
600
#8C406F
700
#703359
800
#572845
900
#412034
950
#291421

Contrast Checker

Text on white

16.56:1

AA Pass AAA Pass

Text on black

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