#30072C

#30072C

Color Values

HEX

#30072C

RGB

48, 7, 44

HSL

305.9, 74.5%, 10.8%

HSV

305.9, 85.4%, 18.8%

CMYK

0.0%, 85.4%, 8.3%, 81.2%

OKLCH

0.2237 0.0833 332.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#30072C

#07300B

Analogous

#200730

#300718

#30072C

Triadic

#30072C

#2C3007

#072C30

Split Complementary

#30072C

#183007

#073020

Tetradic

#30072C

#302007

#07300B

#071830

Color Blindness Simulation

Original

#30072C

Protanopia

#1E1E23

Deuteranopia

#212421

Tritanopia

#2E1C1A

Achromatopsia

#121212

CSS Usage

background-color: #30072C;
color: #30072C;
border-color: #30072C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1F1
300
#EF94E6
400
#E75AD9
500
#DE21CC
600
#B21AA3
700
#8E1582
800
#6F1066
900
#51104B
950
#330A2F

Contrast Checker

Text on white

17.61:1

AA Pass AAA Pass

Text on black

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