#763AB2

#763AB2

Color Values

HEX

#763AB2

RGB

118, 58, 178

HSL

270.0, 50.8%, 46.3%

HSV

270.0, 67.4%, 69.8%

CMYK

33.7%, 67.4%, 0.0%, 30.2%

OKLCH

0.4871 0.1826 303.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#763AB2

#76B23A

Analogous

#3A3AB2

#B23AB2

#763AB2

Triadic

#763AB2

#B2763A

#3AB276

Split Complementary

#763AB2

#B2B23A

#3AB23A

Tetradic

#763AB2

#B23A3A

#76B23A

#3AB2B2

Color Blindness Simulation

Original

#763AB2

Protanopia

#5C5B95

Deuteranopia

#60648E

Tritanopia

#737E79

Achromatopsia

#4F4F4F

CSS Usage

background-color: #763AB2;
color: #763AB2;
border-color: #763AB2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9ED
300
#C2A3E1
400
#A171D1
500
#803FC0
600
#66329A
700
#52287B
800
#401F60
900
#301A47
950
#1F112D

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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