#762AB4

#762AB4

Color Values

HEX

#762AB4

RGB

118, 42, 180

HSL

273.0, 62.2%, 43.5%

HSV

273.0, 76.7%, 70.6%

CMYK

34.4%, 76.7%, 0.0%, 29.4%

OKLCH

0.4705 0.2036 304.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#762AB4

#68B42A

Analogous

#312AB4

#B42AAD

#762AB4

Triadic

#762AB4

#B4762A

#2AB476

Split Complementary

#762AB4

#ADB42A

#2AB431

Tetradic

#762AB4

#B4312A

#68B42A

#2AADB4

Color Blindness Simulation

Original

#762AB4

Protanopia

#555493

Deuteranopia

#5A5F8B

Tritanopia

#727872

Achromatopsia

#444444

CSS Usage

background-color: #762AB4;
color: #762AB4;
border-color: #762AB4;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69CE8
400
#A766DB
500
#8730CF
600
#6C27A5
700
#571F84
800
#441867
900
#33154C
950
#200D30

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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