#3533CC

#3533CC

Color Values

HEX

#3533CC

RGB

53, 51, 204

HSL

240.8, 60.0%, 50.0%

HSV

240.8, 75.0%, 80.0%

CMYK

74.0%, 75.0%, 0.0%, 20.0%

OKLCH

0.443 0.2251 272.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3533CC

#CACC33

Analogous

#337DCC

#8233CC

#3533CC

Triadic

#3533CC

#CC3533

#33CC35

Split Complementary

#3533CC

#CC8233

#7DCC33

Tetradic

#3533CC

#CC337D

#CACC33

#33CC82

Color Blindness Simulation

Original

#3533CC

Protanopia

#3434A7

Deuteranopia

#34349E

Tritanopia

#358A83

Achromatopsia

#3E3E3E

CSS Usage

background-color: #3533CC;
color: #3533CC;
border-color: #3533CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E4E4F6
200
#C6C6F1
300
#9E9DE7
400
#6A68D9
500
#3533CC
600
#2A29A3
700
#222183
800
#1B1A66
900
#17164B
950
#0F0E2F

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

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