#300F36

#300F36

Color Values

HEX

#300F36

RGB

48, 15, 54

HSL

290.8, 56.5%, 13.5%

HSV

290.8, 72.2%, 21.2%

CMYK

11.1%, 72.2%, 0.0%, 78.8%

OKLCH

0.2414 0.0803 321.2

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#300F36

#15360F

Analogous

#1C0F36

#360F28

#300F36

Triadic

#300F36

#36300F

#0F3630

Split Complementary

#300F36

#28360F

#0F361C

Tetradic

#300F36

#361C0F

#15360F

#0F2836

Color Blindness Simulation

Original

#300F36

Protanopia

#22212D

Deuteranopia

#24262A

Tritanopia

#2E2523

Achromatopsia

#191919

CSS Usage

background-color: #300F36;
color: #300F36;
border-color: #300F36;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF4FB
100
#F3E5F6
200
#E9C7EF
300
#DA9FE4
400
#C66BD6
500
#B137C8
600
#8E2CA0
700
#722380
800
#591C64
900
#421849
950
#290F2E

Contrast Checker

Text on white

16.84:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026