#300B75

#300B75

Color Values

HEX

#300B75

RGB

48, 11, 117

HSL

260.9, 82.8%, 25.1%

HSV

260.9, 90.6%, 45.9%

CMYK

59.0%, 90.6%, 0.0%, 54.1%

OKLCH

0.2979 0.1576 288.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#300B75

#50750B

Analogous

#0B1B75

#650B75

#300B75

Triadic

#300B75

#75300B

#0B7530

Split Complementary

#300B75

#75650B

#1B750B

Tetradic

#300B75

#750B1B

#50750B

#0B7565

Color Blindness Simulation

Original

#300B75

Protanopia

#20205B

Deuteranopia

#222555

Tritanopia

#2E4743

Achromatopsia

#1B1B1B

CSS Usage

background-color: #300B75;
color: #300B75;
border-color: #300B75;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F2FD
100
#E9E1FA
200
#D2BEF9
300
#B28FF4
400
#8953EF
500
#5F16E9
600
#4C12BA
700
#3D0E95
800
#300B75
900
#250C55
950
#180835

Contrast Checker

Text on white

14.68:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026