#301C2D

#301C2D

Color Values

HEX

#301C2D

RGB

48, 28, 45

HSL

309.0, 26.3%, 14.9%

HSV

309.0, 41.7%, 18.8%

CMYK

0.0%, 41.7%, 6.2%, 81.2%

OKLCH

0.2598 0.0424 332.2

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#301C2D

#1C301F

Analogous

#291C30

#301C23

#301C2D

Triadic

#301C2D

#2D301C

#1C2D30

Split Complementary

#301C2D

#23301C

#1C3029

Tetradic

#301C2D

#30291C

#1C301F

#1C2330

Color Blindness Simulation

Original

#301C2D

Protanopia

#272729

Deuteranopia

#282A28

Tritanopia

#2F2625

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D2E2
300
#D2B2CD
400
#B988B2
500
#A15E97
600
#814B79
700
#673C61
800
#512F4B
900
#3C2538
950
#261724

Contrast Checker

Text on white

15.79:1

AA Pass AAA Pass

Text on black

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