#412656

#412656

Color Values

HEX

#412656

RGB

65, 38, 86

HSL

273.8, 38.7%, 24.3%

HSV

273.8, 55.8%, 33.7%

CMYK

24.4%, 55.8%, 0.0%, 66.3%

OKLCH

0.3265 0.0868 308.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#412656

#3B5626

Analogous

#292656

#562653

#412656

Triadic

#412656

#564126

#265641

Split Complementary

#412656

#535626

#265629

Tetradic

#412656

#562926

#3B5626

#265356

Color Blindness Simulation

Original

#412656

Protanopia

#35354A

Deuteranopia

#373948

Tritanopia

#40413F

Achromatopsia

#2F2F2F

CSS Usage

background-color: #412656;
color: #412656;
border-color: #412656;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DDCDE9
300
#C5AAD9
400
#A57CC5
500
#864EB1
600
#6B3F8D
700
#563271
800
#432758
900
#332041
950
#201429

Contrast Checker

Text on white

12.83:1

AA Pass AAA Pass

Text on black

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