#671297

#671297

Color Values

HEX

#671297

RGB

103, 18, 151

HSL

278.3, 78.7%, 33.1%

HSV

278.3, 88.1%, 59.2%

CMYK

31.8%, 88.1%, 0.0%, 40.8%

OKLCH

0.4072 0.1937 308.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#671297

#429712

Analogous

#241297

#971284

#671297

Triadic

#671297

#976712

#129767

Split Complementary

#671297

#849712

#129724

Tetradic

#671297

#972412

#429712

#128497

Color Blindness Simulation

Original

#671297

Protanopia

#424177

Deuteranopia

#474E6F

Tritanopia

#635D58

Achromatopsia

#2E2E2E

CSS Usage

background-color: #671297;
color: #671297;
border-color: #671297;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E3BFF7
300
#CF92F2
400
#B556EB
500
#9B1BE4
600
#7C16B6
700
#631192
800
#4E0E72
900
#3A0E53
950
#250934

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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