#301B45

#301B45

Color Values

HEX

#301B45

RGB

48, 27, 69

HSL

270.0, 43.7%, 18.8%

HSV

270.0, 60.9%, 27.1%

CMYK

30.4%, 60.9%, 0.0%, 72.9%

OKLCH

0.2726 0.0776 304.9

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#301B45

#30451B

Analogous

#1B1B45

#451B45

#301B45

Triadic

#301B45

#45301B

#1B4530

Split Complementary

#301B45

#45451B

#1B451B

Tetradic

#301B45

#451B1B

#30451B

#1B4545

Color Blindness Simulation

Original

#301B45

Protanopia

#27273B

Deuteranopia

#282A38

Tritanopia

#2F3331

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C2A7DD
400
#A177CA
500
#8048B7
600
#663993
700
#522E75
800
#40245C
900
#301D44
950
#1F132B

Contrast Checker

Text on white

15.35:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026