#45309C

#45309C

Color Values

HEX

#45309C

RGB

69, 48, 156

HSL

251,7, 52,9%, 40,0%

HSV

251,7, 69,2%, 61,2%

CMYK

55,8%, 69,2%, 0,0%, 38,8%

OKLCH

0,4034 0,166 285,1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#45309C

#879C30

Analogous

#30519C

#7B309C

#45309C

Triadic

#45309C

#9C4530

#309C45

Split Complementary

#45309C

#9C7B30

#519C30

Tetradic

#45309C

#9C3051

#879C30

#309C7B

Color Blindness Simulation

Original

#45309C

Protanopia

#3C3C82

Deuteranopia

#3D3F7C

Tritanopia

#446D69

Achromatopsia

#3C3C3C

CSS Usage

background-color: #45309C;
color: #45309C;
border-color: #45309C;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#D0C8EE
300
#AEA1E2
400
#826FD3
500
#563CC3
600
#45309C
700
#37267D
800
#2B1E61
900
#221948
950
#16102D

Contrast Checker

Text on white

9,74:1

AA Pass AAA Pass

Text on black

2,16:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026