#7100CC

#7100CC

Color Values

HEX

#7100CC

RGB

113, 0, 204

HSL

273.2, 100.0%, 40.0%

HSV

273.2, 100.0%, 80.0%

CMYK

44.6%, 100.0%, 0.0%, 20.0%

OKLCH

0.4626 0.2487 298.7

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7100CC

#5BCC00

Analogous

#0B00CC

#CC00C1

#7100CC

Triadic

#7100CC

#CC7100

#00CC71

Split Complementary

#7100CC

#C1CC00

#00CC0B

Tetradic

#7100CC

#CC0B00

#5BCC00

#00C1CC

Color Blindness Simulation

Original

#7100CC

Protanopia

#403F9B

Deuteranopia

#474F8F

Tritanopia

#6B746B

Achromatopsia

#272727

CSS Usage

background-color: #7100CC;
color: #7100CC;
border-color: #7100CC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#DFB8FF
300
#C885FF
400
#AB42FF
500
#8D00FF
600
#7100CC
700
#5A00A3
800
#470080
900
#35055C
950
#22033A

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026