#300459

#300459

Color Values

HEX

#300459

RGB

48, 4, 89

HSL

271.1, 91.4%, 18.2%

HSV

271.1, 95.5%, 34.9%

CMYK

46.1%, 95.5%, 0.0%, 65.1%

OKLCH

0.2608 0.1328 299.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#300459

#2D5904

Analogous

#060459

#590457

#300459

Triadic

#300459

#593004

#045930

Split Complementary

#300459

#575904

#045906

Tetradic

#300459

#590604

#2D5904

#045759

Color Blindness Simulation

Original

#300459

Protanopia

#1D1D44

Deuteranopia

#202340

Tritanopia

#2E3431

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DCBBFC
300
#C48AFA
400
#A44AF7
500
#840BF4
600
#6909C3
700
#54079C
800
#42057A
900
#320958
950
#200538

Contrast Checker

Text on white

16.31:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026