#4103C9

#4103C9

Color Values

HEX

#4103C9

RGB

65, 3, 201

HSL

258.8, 97.1%, 40.0%

HSV

258.8, 98.5%, 78.8%

CMYK

67.7%, 98.5%, 0.0%, 21.2%

OKLCH

0.4098 0.2465 279.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4103C9

#8BC903

Analogous

#0328C9

#A403C9

#4103C9

Triadic

#4103C9

#C94103

#03C941

Split Complementary

#4103C9

#C9A403

#28C903

Tetradic

#4103C9

#C90328

#8BC903

#03C9A4

Color Blindness Simulation

Original

#4103C9

Protanopia

#262699

Deuteranopia

#2A2E8E

Tritanopia

#3E736B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #4103C9;
color: #4103C9;
border-color: #4103C9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CEB9FE
300
#AC86FD
400
#7E45FC
500
#5104FB
600
#4103C9
700
#3402A1
800
#29027E
900
#21065B
950
#150439

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026