#301553

#301553

Color Values

HEX

#301553

RGB

48, 21, 83

HSL

266.1, 59.6%, 20.4%

HSV

266.1, 74.7%, 32.5%

CMYK

42.2%, 74.7%, 0.0%, 67.5%

OKLCH

0.2739 0.1068 299.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#301553

#385315

Analogous

#151953

#4F1553

#301553

Triadic

#301553

#533015

#155330

Split Complementary

#301553

#534F15

#195315

Tetradic

#301553

#531519

#385315

#15534F

Color Blindness Simulation

Original

#301553

Protanopia

#242444

Deuteranopia

#262840

Tritanopia

#2F3836

Achromatopsia

#1F1F1F

CSS Usage

background-color: #301553;
color: #301553;
border-color: #301553;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D9C6F1
300
#BD9DE6
400
#9968D9
500
#7634CB
600
#5E29A3
700
#4B2182
800
#3B1A66
900
#2D164A
950
#1C0E2F

Contrast Checker

Text on white

15.47:1

AA Pass AAA Pass

Text on black

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