#300314

#300314

Color Values

HEX

#300314

RGB

48, 3, 20

HSL

337.3, 88.2%, 10.0%

HSV

337.3, 93.7%, 18.8%

CMYK

0.0%, 93.8%, 58.3%, 81.2%

OKLCH

0.205 0.0747 2.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300314

#03301F

Analogous

#30032B

#300803

#300314

Triadic

#300314

#143003

#031430

Split Complementary

#300314

#033008

#032B30

Tetradic

#300314

#2B3003

#03301F

#080330

Color Blindness Simulation

Original

#300314

Protanopia

#1D1C10

Deuteranopia

#1F220F

Tritanopia

#2E0D0C

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD4
300
#F88CB5
400
#F44D8C
500
#F00F64
600
#C00C50
700
#9A0A40
800
#780832
900
#570A27
950
#370619

Contrast Checker

Text on white

18.28:1

AA Pass AAA Pass

Text on black

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