#300018

#300018

Color Values

HEX

#300018

RGB

48, 0, 24

HSL

330.0, 100.0%, 9.4%

HSV

330.0, 100.0%, 18.8%

CMYK

0.0%, 100.0%, 50.0%, 81.2%

OKLCH

0.2018 0.0828 355.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300018

#003018

Analogous

#300030

#300000

#300018

Triadic

#300018

#183000

#001830

Split Complementary

#300018

#003000

#003030

Tetradic

#300018

#303000

#003018

#000030

Color Blindness Simulation

Original

#300018

Protanopia

#1B1B12

Deuteranopia

#1E2211

Tritanopia

#2E0E0D

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DB
300
#FF85C2
400
#FF42A1
500
#FF0080
600
#CC0066
700
#A30052
800
#800040
900
#5C0530
950
#3A031F

Contrast Checker

Text on white

18.44:1

AA Pass AAA Pass

Text on black

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