#300146

#300146

Color Values

HEX

#300146

RGB

48, 1, 70

HSL

280.9, 97.2%, 13.9%

HSV

280.9, 98.6%, 27.5%

CMYK

31.4%, 98.6%, 0.0%, 72.5%

OKLCH

0.2379 0.1176 311.0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#300146

#174601

Analogous

#0E0146

#460139

#300146

Triadic

#300146

#463001

#014630

Split Complementary

#300146

#394601

#01460E

Tetradic

#300146

#460E01

#174601

#013946

Color Blindness Simulation

Original

#300146

Protanopia

#1C1B35

Deuteranopia

#1E2231

Tritanopia

#2E2825

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E8B9FE
300
#D786FD
400
#C245FC
500
#AD04FB
600
#8A03C9
700
#6E02A1
800
#56027E
900
#40065B
950
#280439

Contrast Checker

Text on white

17.23:1

AA Pass AAA Pass

Text on black

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