#7631C5

#7631C5

Color Values

HEX

#7631C5

RGB

118, 49, 197

HSL

268.0, 60.2%, 48.2%

HSV

268.0, 75.1%, 77.3%

CMYK

40.1%, 75.1%, 0.0%, 22.7%

OKLCH

0.4915 0.2135 299.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7631C5

#80C531

Analogous

#3136C5

#C031C5

#7631C5

Triadic

#7631C5

#C57631

#31C576

Split Complementary

#7631C5

#C5C031

#36C531

Tetradic

#7631C5

#C53136

#80C531

#31C5C0

Color Blindness Simulation

Original

#7631C5

Protanopia

#5858A1

Deuteranopia

#5C6199

Tritanopia

#73857F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #7631C5;
color: #7631C5;
border-color: #7631C5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F1
300
#BF9DE7
400
#9D68D9
500
#7A33CC
600
#6229A3
700
#4E2083
800
#3D1966
900
#2F164B
950
#1D0E2F

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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