#652084

#652084

Color Values

HEX

#652084

RGB

101, 32, 132

HSL

281.4, 61.0%, 32.2%

HSV

281.4, 75.8%, 51.8%

CMYK

23.5%, 75.8%, 0.0%, 48.2%

OKLCH

0.4003 0.1624 312.9

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#652084

#3F8420

Analogous

#332084

#842071

#652084

Triadic

#652084

#846520

#208465

Split Complementary

#652084

#718420

#208433

Tetradic

#652084

#843320

#3F8420

#207184

Color Blindness Simulation

Original

#652084

Protanopia

#47476C

Deuteranopia

#4B5066

Tritanopia

#625954

Achromatopsia

#363636

CSS Usage

background-color: #652084;
color: #652084;
border-color: #652084;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F3FB
100
#F1E4F6
200
#E4C6F1
300
#D09CE7
400
#B767DA
500
#9D32CD
600
#7E28A4
700
#652083
800
#4F1967
900
#3B164B
950
#250E2F

Contrast Checker

Text on white

10.03:1

AA Pass AAA Pass

Text on black

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