#300F23

#300F23

Color Values

HEX

#300F23

RGB

48, 15, 35

HSL

323.6, 52.4%, 12.4%

HSV

323.6, 68.7%, 18.8%

CMYK

0.0%, 68.7%, 27.1%, 81.2%

OKLCH

0.2298 0.061 345.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#300F23

#0F301C

Analogous

#2D0F30

#300F13

#300F23

Triadic

#300F23

#23300F

#0F2330

Split Complementary

#300F23

#13300F

#0F302D

Tetradic

#300F23

#302D0F

#0F301C

#0F1330

Color Blindness Simulation

Original

#300F23

Protanopia

#22211E

Deuteranopia

#24261D

Tritanopia

#2E1A1A

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC9DF
300
#E2A2C9
400
#D26FAB
500
#C23D8E
600
#9B3171
700
#7C275B
800
#611E47
900
#471A35
950
#2D1022

Contrast Checker

Text on white

17.24:1

AA Pass AAA Pass

Text on black

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