#300F57

#300F57

Color Values

HEX

#300F57

RGB

48, 15, 87

HSL

267.5, 70.6%, 20.0%

HSV

267.5, 82.8%, 34.1%

CMYK

44.8%, 82.8%, 0.0%, 65.9%

OKLCH

0.2697 0.1196 298.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300F57

#36570F

Analogous

#0F1257

#540F57

#300F57

Triadic

#300F57

#57300F

#0F5730

Split Complementary

#300F57

#57540F

#12570F

Tetradic

#300F57

#570F12

#36570F

#0F5754

Color Blindness Simulation

Original

#300F57

Protanopia

#222146

Deuteranopia

#242641

Tritanopia

#2E3835

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D9C2F5
300
#BE97ED
400
#9B5EE3
500
#7825DA
600
#601EAE
700
#4D188B
800
#3C136D
900
#2E124F
950
#1D0B32

Contrast Checker

Text on white

15.77:1

AA Pass AAA Pass

Text on black

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