#300748

#300748

Color Values

HEX

#300748

RGB

48, 7, 72

HSL

277.8, 82.3%, 15.5%

HSV

277.8, 90.3%, 28.2%

CMYK

33.3%, 90.3%, 0.0%, 71.8%

OKLCH

0.2466 0.1118 308.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#300748

#1F4807

Analogous

#0F0748

#480740

#300748

Triadic

#300748

#483007

#074830

Split Complementary

#300748

#404807

#07480F

Tetradic

#300748

#480F07

#1F4807

#074048

Color Blindness Simulation

Original

#300748

Protanopia

#1E1E38

Deuteranopia

#212434

Tritanopia

#2E2C29

Achromatopsia

#141414

CSS Usage

background-color: #300748;
color: #300748;
border-color: #300748;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E3BEF9
300
#CF8FF4
400
#B553EE
500
#9B17E8
600
#7C12BA
700
#630E95
800
#4D0B74
900
#3A0D54
950
#240835

Contrast Checker

Text on white

16.8:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026