#300720

#300720

Color Values

HEX

#300720

RGB

48, 7, 32

HSL

323.4, 74.5%, 10.8%

HSV

323.4, 85.4%, 18.8%

CMYK

0.0%, 85.4%, 33.3%, 81.2%

OKLCH

0.2165 0.0733 347.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300720

#073017

Analogous

#2C0730

#30070C

#300720

Triadic

#300720

#203007

#072030

Split Complementary

#300720

#0C3007

#07302C

Tetradic

#300720

#302C07

#073017

#070C30

Color Blindness Simulation

Original

#300720

Protanopia

#1E1E1A

Deuteranopia

#212418

Tritanopia

#2E1514

Achromatopsia

#121212

CSS Usage

background-color: #300720;
color: #300720;
border-color: #300720;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F8
100
#F8E2F0
200
#F6C1E1
300
#EF94CC
400
#E75AB0
500
#DE2194
600
#B21A77
700
#8E155F
800
#6F104A
900
#511038
950
#330A23

Contrast Checker

Text on white

17.84:1

AA Pass AAA Pass

Text on black

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