#300B27

#300B27

Color Values

HEX

#300B27

RGB

48, 11, 39

HSL

314.6, 62.7%, 11.6%

HSV

314.6, 77.1%, 18.8%

CMYK

0.0%, 77.1%, 18.7%, 81.2%

OKLCH

0.2259 0.0718 338.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300B27

#0B3014

Analogous

#270B30

#300B15

#300B27

Triadic

#300B27

#27300B

#0B2730

Split Complementary

#300B27

#15300B

#0B3027

Tetradic

#300B27

#30270B

#0B3014

#0B1530

Color Blindness Simulation

Original

#300B27

Protanopia

#202020

Deuteranopia

#22251F

Tritanopia

#2E1B1A

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F7E4F2
200
#F2C5E7
300
#E89BD5
400
#DC65BF
500
#CF30A9
600
#A62687
700
#851E6C
800
#681854
900
#4C153E
950
#300D27

Contrast Checker

Text on white

17.46:1

AA Pass AAA Pass

Text on black

1.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026