#7635CA

#7635CA

Color Values

HEX

#7635CA

RGB

118, 53, 202

HSL

266.2, 58.4%, 50.0%

HSV

266.2, 73.8%, 79.2%

CMYK

41.6%, 73.8%, 0.0%, 20.8%

OKLCH

0.4999 0.2145 298.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7635CA

#89CA35

Analogous

#353ECA

#C135CA

#7635CA

Triadic

#7635CA

#CA7635

#35CA76

Split Complementary

#7635CA

#CAC135

#3ECA35

Tetradic

#7635CA

#CA353E

#89CA35

#35CAC1

Color Blindness Simulation

Original

#7635CA

Protanopia

#5A59A6

Deuteranopia

#5E629D

Tritanopia

#738983

Achromatopsia

#4E4E4E

CSS Usage

background-color: #7635CA;
color: #7635CA;
border-color: #7635CA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D9C6F0
300
#BD9EE6
400
#9A6AD8
500
#7635CA
600
#5E2AA2
700
#4C2281
800
#3B1B65
900
#2D174A
950
#1D0F2F

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026