#7F71F1

#7F71F1

Color Values

HEX

#7F71F1

RGB

127, 113, 241

HSL

246.6, 82.1%, 69.4%

HSV

246.6, 53.1%, 94.5%

CMYK

47.3%, 53.1%, 0.0%, 5.5%

OKLCH

0.625 0.1854 284.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7F71F1

#E3F171

Analogous

#71A3F1

#BF71F1

#7F71F1

Triadic

#7F71F1

#F17F71

#71F17F

Split Complementary

#7F71F1

#F1BF71

#A3F171

Tetradic

#7F71F1

#F171A3

#E3F171

#71F1BF

Color Blindness Simulation

Original

#7F71F1

Protanopia

#7979D2

Deuteranopia

#7A7BCB

Tritanopia

#7EBAB4

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7F71F1;
color: #7F71F1;
border-color: #7F71F1;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C4BEF9
300
#9B90F4
400
#6453EE
500
#2E17E8
600
#2512BA
700
#1D0F95
800
#170B74
900
#150D54
950
#0D0835

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026