#7E74CF

#7E74CF

Color Values

HEX

#7E74CF

RGB

126, 116, 207

HSL

246.6, 48.7%, 63.3%

HSV

246.6, 44.0%, 81.2%

CMYK

39.1%, 44.0%, 0.0%, 18.8%

OKLCH

0.6086 0.1352 286.7

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7E74CF

#C5CF74

Analogous

#7497CF

#AB74CF

#7E74CF

Triadic

#7E74CF

#CF7E74

#74CF7E

Split Complementary

#7E74CF

#CFAB74

#97CF74

Tetradic

#7E74CF

#CF7497

#C5CF74

#74CFAB

Color Blindness Simulation

Original

#7E74CF

Protanopia

#7A7AB9

Deuteranopia

#7A7BB4

Tritanopia

#7DA8A4

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7E74CF;
color: #7E74CF;
border-color: #7E74CF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CECAED
300
#ABA4E0
400
#7D73CF
500
#4F41BE
600
#3F3498
700
#332A79
800
#28215F
900
#201B46
950
#14112C

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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