#7E35BC

#7E35BC

Color Values

HEX

#7E35BC

RGB

126, 53, 188

HSL

272.4, 56.0%, 47.3%

HSV

272.4, 71.8%, 73.7%

CMYK

33.0%, 71.8%, 0.0%, 26.3%

OKLCH

0.4981 0.2013 304.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7E35BC

#73BC35

Analogous

#3A35BC

#BC35B7

#7E35BC

Triadic

#7E35BC

#BC7E35

#35BC7E

Split Complementary

#7E35BC

#B7BC35

#35BC3A

Tetradic

#7E35BC

#BC3A35

#73BC35

#35B7BC

Color Blindness Simulation

Original

#7E35BC

Protanopia

#5E5E9B

Deuteranopia

#636894

Tritanopia

#7A827C

Achromatopsia

#4E4E4E

CSS Usage

background-color: #7E35BC;
color: #7E35BC;
border-color: #7E35BC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C5A0E4
400
#A56CD5
500
#8538C7
600
#6B2D9F
700
#55247F
800
#431C63
900
#321849
950
#200F2E

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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