#300D62

#300D62

Color Values

HEX

#300D62

RGB

48, 13, 98

HSL

264.7, 76.6%, 21.8%

HSV

264.7, 86.7%, 38.4%

CMYK

51.0%, 86.7%, 0.0%, 61.6%

OKLCH

0.2787 0.1346 294.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300D62

#3F620D

Analogous

#0D1562

#5B0D62

#300D62

Triadic

#300D62

#62300D

#0D6230

Split Complementary

#300D62

#625B0D

#15620D

Tetradic

#300D62

#620D15

#3F620D

#0D625B

Color Blindness Simulation

Original

#300D62

Protanopia

#21214D

Deuteranopia

#232548

Tritanopia

#2E3D3A

Achromatopsia

#1B1B1B

CSS Usage

background-color: #300D62;
color: #300D62;
border-color: #300D62;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F2FC
100
#EBE2F9
200
#D6C0F7
300
#BA93F1
400
#9458E9
500
#6E1EE1
600
#5818B4
700
#471390
800
#370F71
900
#2B0F52
950
#1B0A34

Contrast Checker

Text on white

15.45:1

AA Pass AAA Pass

Text on black

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