#7117D2

#7117D2

Color Values

HEX

#7117D2

RGB

113, 23, 210

HSL

268.9, 80.3%, 45.7%

HSV

268.9, 89.0%, 82.4%

CMYK

46.2%, 89.0%, 0.0%, 17.6%

OKLCH

0.4768 0.2457 296.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7117D2

#78D217

Analogous

#171AD2

#CF17D2

#7117D2

Triadic

#7117D2

#D27117

#17D271

Split Complementary

#7117D2

#D2CF17

#1AD217

Tetradic

#7117D2

#D2171A

#78D217

#17D2CF

Color Blindness Simulation

Original

#7117D2

Protanopia

#4A49A5

Deuteranopia

#4F569A

Tritanopia

#6C8179

Achromatopsia

#383838

CSS Usage

background-color: #7117D2;
color: #7117D2;
border-color: #7117D2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C091F3
400
#9E55EC
500
#7C19E6
600
#6314B8
700
#4F1093
800
#3E0D73
900
#2F0D53
950
#1E0835

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026