#300718

#300718

Color Values

HEX

#300718

RGB

48, 7, 24

HSL

335.1, 74.5%, 10.8%

HSV

335.1, 85.4%, 18.8%

CMYK

0.0%, 85.4%, 50.0%, 81.2%

OKLCH

0.2128 0.0687 359.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300718

#07301F

Analogous

#30072D

#300B07

#300718

Triadic

#300718

#183007

#071830

Split Complementary

#300718

#07300B

#072D30

Tetradic

#300718

#2D3007

#07301F

#0B0730

Color Blindness Simulation

Original

#300718

Protanopia

#1E1E14

Deuteranopia

#212413

Tritanopia

#2E1110

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EB
200
#F6C1D7
300
#EF94BA
400
#E75A95
500
#DE216F
600
#B21A59
700
#8E1547
800
#6F1038
900
#51102B
950
#330A1B

Contrast Checker

Text on white

17.96:1

AA Pass AAA Pass

Text on black

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