#650062

#650062

Color Values

HEX

#650062

RGB

101, 0, 98

HSL

301.8, 100.0%, 19.8%

HSV

301.8, 100.0%, 39.6%

CMYK

0.0%, 100.0%, 3.0%, 60.4%

OKLCH

0.3535 0.1612 329.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#650062

#006503

Analogous

#360065

#65002F

#650062

Triadic

#650062

#626500

#006265

Split Complementary

#650062

#2F6500

#006536

Tetradic

#650062

#653600

#006503

#002F65

Color Blindness Simulation

Original

#650062

Protanopia

#39384A

Deuteranopia

#3F4745

Tritanopia

#603833

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FFB8FD
300
#FF85FB
400
#FF42F9
500
#FF00F7
600
#CC00C6
700
#A3009E
800
#80007C
900
#5C0559
950
#3A0338

Contrast Checker

Text on white

12.14:1

AA Pass AAA Pass

Text on black

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