#4535AA

#4535AA

Color Values

HEX

#4535AA

RGB

69, 53, 170

HSL

248.2, 52.5%, 43.7%

HSV

248.2, 68.8%, 66.7%

CMYK

59.4%, 68.8%, 0.0%, 33.3%

OKLCH

0.4237 0.1778 281.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#4535AA

#9AAA35

Analogous

#355FAA

#7F35AA

#4535AA

Triadic

#4535AA

#AA4535

#35AA45

Split Complementary

#4535AA

#AA7F35

#5FAA35

Tetradic

#4535AA

#AA355F

#9AAA35

#35AA7F

Color Blindness Simulation

Original

#4535AA

Protanopia

#3E3E8E

Deuteranopia

#3F4087

Tritanopia

#447772

Achromatopsia

#414141

CSS Usage

background-color: #4535AA;
color: #4535AA;
border-color: #4535AA;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9EE
300
#AAA2E2
400
#7D6FD2
500
#4F3DC2
600
#3F309C
700
#32277C
800
#271E61
900
#201A47
950
#14102D

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

2.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026