#300F53

#300F53

Color Values

HEX

#300F53

RGB

48, 15, 83

HSL

269.1, 69.4%, 19.2%

HSV

269.1, 81.9%, 32.5%

CMYK

42.2%, 81.9%, 0.0%, 67.5%

OKLCH

0.2658 0.1149 300.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#300F53

#32530F

Analogous

#0F1053

#520F53

#300F53

Triadic

#300F53

#53300F

#0F5330

Split Complementary

#300F53

#53520F

#10530F

Tetradic

#300F53

#530F10

#32530F

#0F5352

Color Blindness Simulation

Original

#300F53

Protanopia

#222143

Deuteranopia

#24263F

Tritanopia

#2E3633

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DBC3F4
300
#C197EC
400
#9F5FE2
500
#7D27D8
600
#641FAD
700
#50198A
800
#3E146C
900
#30124F
950
#1E0B32

Contrast Checker

Text on white

15.92:1

AA Pass AAA Pass

Text on black

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