#710C97

#710C97

Color Values

HEX

#710C97

RGB

113, 12, 151

HSL

283,6, 85,3%, 32,0%

HSV

283,6, 92,1%, 59,2%

CMYK

25,2%, 92,1%, 0,0%, 40,8%

OKLCH

0,4187 0,2 313,1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#710C97

#32970C

Analogous

#2C0C97

#970C78

#710C97

Triadic

#710C97

#97710C

#0C9771

Split Complementary

#710C97

#78970C

#0C972C

Tetradic

#710C97

#972C0C

#32970C

#0C7897

Color Blindness Simulation

Original

#710C97

Protanopia

#454475

Deuteranopia

#4B536D

Tritanopia

#6C5B55

Achromatopsia

#2C2C2C

CSS Usage

background-color: #710C97;
color: #710C97;
border-color: #710C97;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#E9BDFA
300
#D98EF6
400
#C550F1
500
#B113EC
600
#8D0FBD
700
#710C97
800
#580976
900
#410B56
950
#290736

Contrast Checker

Text on white

9,54:1

AA Pass AAA Pass

Text on black

2,2: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