#412552

#412552

Color Values

HEX

#412552

RGB

65, 37, 82

HSL

277,3, 37,8%, 23,3%

HSV

277,3, 54,9%, 32,2%

CMYK

20,7%, 54,9%, 0,0%, 67,8%

OKLCH

0,3221 0,0833 311,3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#412552

#365225

Analogous

#2A2552

#52254C

#412552

Triadic

#412552

#524125

#255241

Split Complementary

#412552

#4C5225

#25522A

Tetradic

#412552

#522A25

#365225

#254C52

Color Blindness Simulation

Original

#412552

Protanopia

#353547

Deuteranopia

#363944

Tritanopia

#403F3D

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#DFCEE9
300
#C7ABD9
400
#A97DC4
500
#8B4FB0
600
#6F3F8D
700
#593370
800
#462858
900
#342041
950
#211429

Contrast Checker

Text on white

13,03:1

AA Pass AAA Pass

Text on black

1,61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026