#7F74F1

#7F74F1

Color Values

HEX

#7F74F1

RGB

127, 116, 241

HSL

245.3, 81.7%, 70.0%

HSV

245.3, 51.9%, 94.5%

CMYK

47.3%, 51.9%, 0.0%, 5.5%

OKLCH

0.6302 0.1813 283.9

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7F74F1

#E6F174

Analogous

#74A7F1

#BE74F1

#7F74F1

Triadic

#7F74F1

#F17F74

#74F17F

Split Complementary

#7F74F1

#F1BE74

#A7F174

Tetradic

#7F74F1

#F174A7

#E6F174

#74F1BE

Color Blindness Simulation

Original

#7F74F1

Protanopia

#7A7AD3

Deuteranopia

#7B7CCC

Tritanopia

#7EBBB6

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C3BEF8
300
#9990F4
400
#6154EE
500
#2A17E8
600
#2113B9
700
#1B0F94
800
#150C74
900
#130D54
950
#0C0835

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026