#7A26CD

#7A26CD

Color Values

HEX

#7A26CD

RGB

122, 38, 205

HSL

270.2, 68.7%, 47.6%

HSV

270.2, 81.5%, 80.4%

CMYK

40.5%, 81.5%, 0.0%, 19.6%

OKLCH

0.4928 0.2322 300.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7A26CD

#79CD26

Analogous

#2726CD

#CD26CC

#7A26CD

Triadic

#7A26CD

#CD7A26

#26CD7A

Split Complementary

#7A26CD

#CCCD26

#26CD27

Tetradic

#7A26CD

#CD2726

#79CD26

#26CCCD

Color Blindness Simulation

Original

#7A26CD

Protanopia

#5655A5

Deuteranopia

#5A619B

Tritanopia

#76857E

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DBC3F4
300
#C298EC
400
#A160E1
500
#8028D7
600
#6620AC
700
#521A8A
800
#40146C
900
#31124E
950
#1F0C32

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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