#412E57

#412E57

Color Values

HEX

#412E57

RGB

65, 46, 87

HSL

267.8, 30.8%, 26.1%

HSV

267.8, 47.1%, 34.1%

CMYK

25.3%, 47.1%, 0.0%, 65.9%

OKLCH

0.3426 0.0729 304.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#412E57

#44572E

Analogous

#2E3057

#562E57

#412E57

Triadic

#412E57

#57412E

#2E5741

Split Complementary

#412E57

#57562E

#30572E

Tetradic

#412E57

#572E30

#44572E

#2E5756

Color Blindness Simulation

Original

#412E57

Protanopia

#39394D

Deuteranopia

#3A3B4B

Tritanopia

#404544

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DAD0E6
300
#C0AFD5
400
#9F84BE
500
#7D58A7
600
#644785
700
#50386B
800
#3E2C53
900
#2F233E
950
#1E1627

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

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