#7611BC

#7611BC

Color Values

HEX

#7611BC

RGB

118, 17, 188

HSL

275.4, 83.4%, 40.2%

HSV

275.4, 91.0%, 73.7%

CMYK

37.2%, 91.0%, 0.0%, 26.3%

OKLCH

0.4597 0.2299 304.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7611BC

#57BC11

Analogous

#2011BC

#BC11AD

#7611BC

Triadic

#7611BC

#BC7611

#11BC76

Split Complementary

#7611BC

#ADBC11

#11BC20

Tetradic

#7611BC

#BC2011

#57BC11

#11ADBC

Color Blindness Simulation

Original

#7611BC

Protanopia

#4A4993

Deuteranopia

#505889

Tritanopia

#71726B

Achromatopsia

#333333

CSS Usage

background-color: #7611BC;
color: #7611BC;
border-color: #7611BC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#E1BEF9
300
#CB8FF5
400
#AF52EF
500
#9315EA
600
#7511BB
700
#5E0E96
800
#490B75
900
#370C55
950
#230836

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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