#301327

#301327

Color Values

HEX

#301327

RGB

48, 19, 39

HSL

318.6, 43.3%, 13.1%

HSV

318.6, 60.4%, 18.8%

CMYK

0.0%, 60.4%, 18.7%, 81.2%

OKLCH

0.2388 0.0562 340.5

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#301327

#13301C

Analogous

#2A1330

#301318

#301327

Triadic

#301327

#273013

#132730

Split Complementary

#301327

#183013

#13302A

Tetradic

#301327

#302A13

#13301C

#131830

Color Blindness Simulation

Original

#301327

Protanopia

#232322

Deuteranopia

#252721

Tritanopia

#2F1E1E

Achromatopsia

#1B1B1B

CSS Usage

background-color: #301327;
color: #301327;
border-color: #301327;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF5F8
100
#F4E7F0
200
#EBCCE1
300
#DCA7CC
400
#CA78B0
500
#B74894
600
#923A77
700
#752E5F
800
#5B244A
900
#431E38
950
#2B1323

Contrast Checker

Text on white

16.83:1

AA Pass AAA Pass

Text on black

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