#412AD5

#412AD5

Color Values

HEX

#412AD5

RGB

65, 42, 213

HSL

248.1, 67.1%, 50.0%

HSV

248.1, 80.3%, 83.5%

CMYK

69.5%, 80.3%, 0.0%, 16.5%

OKLCH

0.4494 0.2402 276.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#412AD5

#BED52A

Analogous

#2A68D5

#972AD5

#412AD5

Triadic

#412AD5

#D5412A

#2AD541

Split Complementary

#412AD5

#D5972A

#68D52A

Tetradic

#412AD5

#D52A68

#BED52A

#2AD597

Color Blindness Simulation

Original

#412AD5

Protanopia

#3737AC

Deuteranopia

#383AA2

Tritanopia

#408B84

Achromatopsia

#3B3B3B

CSS Usage

background-color: #412AD5;
color: #412AD5;
border-color: #412AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC3F3
300
#A499EB
400
#7261E0
500
#412AD5
600
#3422AA
700
#2A1B88
800
#21156B
900
#1B134E
950
#110C31

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

2.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026