#302248

#302248

Color Values

HEX

#302248

RGB

48, 34, 72

HSL

262.1, 35.8%, 20.8%

HSV

262.1, 52.8%, 28.2%

CMYK

33.3%, 52.8%, 0.0%, 71.8%

OKLCH

0.2886 0.0688 299.0

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#302248

#3A4822

Analogous

#222748

#432248

#302248

Triadic

#302248

#483022

#224830

Split Complementary

#302248

#484322

#274822

Tetradic

#302248

#482227

#3A4822

#224843

Color Blindness Simulation

Original

#302248

Protanopia

#2A2A3F

Deuteranopia

#2B2C3D

Tritanopia

#2F3836

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D8CFE8
300
#BCACD8
400
#987FC2
500
#7352AD
600
#5C418B
700
#4A346F
800
#3A2957
900
#2C2140
950
#1C1528

Contrast Checker

Text on white

14.5:1

AA Pass AAA Pass

Text on black

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