#300659

#300659

Color Values

HEX

#300659

RGB

48, 6, 89

HSL

270.4, 87.4%, 18.6%

HSV

270.4, 93.3%, 34.9%

CMYK

46.1%, 93.3%, 0.0%, 65.1%

OKLCH

0.2627 0.1309 299.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300659

#2F5906

Analogous

#070659

#590658

#300659

Triadic

#300659

#593006

#065930

Split Complementary

#300659

#585906

#065907

Tetradic

#300659

#590706

#2F5906

#065859

Color Blindness Simulation

Original

#300659

Protanopia

#1E1D45

Deuteranopia

#202340

Tritanopia

#2E3532

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFB
300
#C38CF7
400
#A24EF3
500
#8110EF
600
#670DBF
700
#530A99
800
#400877
900
#310A57
950
#1F0737

Contrast Checker

Text on white

16.2:1

AA Pass AAA Pass

Text on black

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