#762AC0

#762AC0

Color Values

HEX

#762AC0

RGB

118, 42, 192

HSL

270.4, 64.1%, 45.9%

HSV

270.4, 78.1%, 75.3%

CMYK

38.5%, 78.1%, 0.0%, 24.7%

OKLCH

0.4804 0.2155 301.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#762AC0

#74C02A

Analogous

#2B2AC0

#C02ABF

#762AC0

Triadic

#762AC0

#C0762A

#2AC076

Split Complementary

#762AC0

#BFC02A

#2AC02B

Tetradic

#762AC0

#C02B2A

#74C02A

#2ABFC0

Color Blindness Simulation

Original

#762AC0

Protanopia

#55549C

Deuteranopia

#5A5F93

Tritanopia

#727F79

Achromatopsia

#454545

CSS Usage

background-color: #762AC0;
color: #762AC0;
border-color: #762AC0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC4F2
300
#C29BE9
400
#A164DD
500
#812ED1
600
#6725A7
700
#521D86
800
#401769
900
#31144C
950
#1F0D30

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

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