#7825C2

#7825C2

Color Values

HEX

#7825C2

RGB

120, 37, 194

HSL

271.7, 68.0%, 45.3%

HSV

271.7, 80.9%, 76.1%

CMYK

38.1%, 80.9%, 0.0%, 23.9%

OKLCH

0.4801 0.2223 302.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7825C2

#6FC225

Analogous

#2925C2

#C225BE

#7825C2

Triadic

#7825C2

#C27825

#25C278

Split Complementary

#7825C2

#BEC225

#25C229

Tetradic

#7825C2

#C22925

#6FC225

#25BEC2

Color Blindness Simulation

Original

#7825C2

Protanopia

#54539C

Deuteranopia

#595F93

Tritanopia

#747E77

Achromatopsia

#424242

CSS Usage

background-color: #7825C2;
color: #7825C2;
border-color: #7825C2;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC3F4
300
#C498EB
400
#A460E1
500
#8429D6
600
#6A21AB
700
#551A89
800
#42146B
900
#32134E
950
#200C31

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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