#691568

#691568

Color Values

HEX

#691568

RGB

105, 21, 104

HSL

300.7, 66.7%, 24.7%

HSV

300.7, 80.0%, 41.2%

CMYK

0.0%, 80.0%, 1.0%, 58.8%

OKLCH

0.3768 0.1511 328.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#691568

#156916

Analogous

#401569

#69153E

#691568

Triadic

#691568

#686915

#156869

Split Complementary

#691568

#3E6915

#156940

Tetradic

#691568

#694015

#156916

#153E69

Color Blindness Simulation

Original

#691568

Protanopia

#454454

Deuteranopia

#4A504F

Tritanopia

#654441

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EB99EA
400
#E062DE
500
#D52AD3
600
#AA22A8
700
#881B87
800
#6A1569
900
#4E134D
950
#310C31

Contrast Checker

Text on white

11.01:1

AA Pass AAA Pass

Text on black

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