#7100F4

#7100F4

Color Values

HEX

#7100F4

RGB

113, 0, 244

HSL

267.8, 100.0%, 47.8%

HSV

267.8, 100.0%, 95.7%

CMYK

53.7%, 100.0%, 0.0%, 4.3%

OKLCH

0.5031 0.2833 290.8

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#7100F4

#83F400

Analogous

#0009F4

#EB00F4

#7100F4

Triadic

#7100F4

#F47100

#00F471

Split Complementary

#7100F4

#F4EB00

#09F400

Tetradic

#7100F4

#F40009

#83F400

#00F4EB

Color Blindness Simulation

Original

#7100F4

Protanopia

#403FB9

Deuteranopia

#474FAB

Tritanopia

#6B8A80

Achromatopsia

#2A2A2A

CSS Usage

background-color: #7100F4;
color: #7100F4;
border-color: #7100F4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FF
300
#BD85FF
400
#9A42FF
500
#7600FF
600
#5F00CC
700
#4C00A3
800
#3B0080
900
#2D055C
950
#1D033A

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

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