#671563

#671563

Color Values

HEX

#671563

RGB

103, 21, 99

HSL

302.9, 66.1%, 24.3%

HSV

302.9, 79.6%, 40.4%

CMYK

0.0%, 79.6%, 3.9%, 59.6%

OKLCH

0.3703 0.146 330.2

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#671563

#156719

Analogous

#421567

#67153A

#671563

Triadic

#671563

#636715

#156367

Split Complementary

#671563

#3A6715

#156742

Tetradic

#671563

#674215

#156719

#153A67

Color Blindness Simulation

Original

#671563

Protanopia

#434350

Deuteranopia

#484E4C

Tritanopia

#63413E

Achromatopsia

#2C2C2C

CSS Usage

background-color: #671563;
color: #671563;
border-color: #671563;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA99E6
400
#DF62D9
500
#D42BCC
600
#A923A3
700
#881C82
800
#6A1666
900
#4D144A
950
#310C2F

Contrast Checker

Text on white

11.27:1

AA Pass AAA Pass

Text on black

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