#301545

#301545

Color Values

HEX

#301545

RGB

48, 21, 69

HSL

273.8, 53.3%, 17.6%

HSV

273.8, 69.6%, 27.1%

CMYK

30.4%, 69.6%, 0.0%, 72.9%

OKLCH

0.2621 0.0885 307.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#301545

#2A4515

Analogous

#181545

#451542

#301545

Triadic

#301545

#453015

#154530

Split Complementary

#301545

#424515

#154518

Tetradic

#301545

#451815

#2A4515

#154245

Color Blindness Simulation

Original

#301545

Protanopia

#242439

Deuteranopia

#262837

Tritanopia

#2F302E

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC8EE
300
#C6A1E2
400
#A76ED3
500
#883CC3
600
#6D309C
700
#57267D
800
#441E62
900
#331948
950
#20102D

Contrast Checker

Text on white

15.92:1

AA Pass AAA Pass

Text on black

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