#632161

#632161

Color Values

HEX

#632161

RGB

99, 33, 97

HSL

301.8, 50.0%, 25.9%

HSV

301.8, 66.7%, 38.8%

CMYK

0.0%, 66.7%, 2.0%, 61.2%

OKLCH

0.3748 0.1263 329.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#632161

#216323

Analogous

#442163

#632140

#632161

Triadic

#632161

#616321

#216163

Split Complementary

#632161

#406321

#216344

Tetradic

#632161

#634421

#216323

#214063

Color Blindness Simulation

Original

#632161

Protanopia

#464652

Deuteranopia

#4A4F4E

Tritanopia

#604543

Achromatopsia

#343434

CSS Usage

background-color: #632161;
color: #632161;
border-color: #632161;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDC9EC
300
#E0A3DF
400
#D071CD
500
#BF40BB
600
#993396
700
#7A2978
800
#60205E
900
#461B45
950
#2C112C

Contrast Checker

Text on white

10.93:1

AA Pass AAA Pass

Text on black

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