#7826AB

#7826AB

Color Values

HEX

#7826AB

RGB

120, 38, 171

HSL

277.0, 63.6%, 41.0%

HSV

277.0, 77.8%, 67.1%

CMYK

29.8%, 77.8%, 0.0%, 32.9%

OKLCH

0.4621 0.1994 308.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7826AB

#59AB26

Analogous

#3626AB

#AB269C

#7826AB

Triadic

#7826AB

#AB7826

#26AB78

Split Complementary

#7826AB

#9CAB26

#26AB36

Tetradic

#7826AB

#AB3626

#59AB26

#269CAB

Color Blindness Simulation

Original

#7826AB

Protanopia

#54548B

Deuteranopia

#595F83

Tritanopia

#74716C

Achromatopsia

#414141

CSS Usage

background-color: #7826AB;
color: #7826AB;
border-color: #7826AB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#E1C5F2
300
#CB9BE9
400
#AF65DD
500
#922ED1
600
#7525A7
700
#5E1E85
800
#491768
900
#37154C
950
#230D30

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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