#7D7FE7

#7D7FE7

Color Values

HEX

#7D7FE7

RGB

125, 127, 231

HSL

238.9, 68.8%, 69.8%

HSV

238.9, 45.9%, 90.6%

CMYK

45.9%, 45.0%, 0.0%, 9.4%

OKLCH

0.6426 0.1531 280.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7D7FE7

#E7E57D

Analogous

#7DB4E7

#B07DE7

#7D7FE7

Triadic

#7D7FE7

#E77D7F

#7FE77D

Split Complementary

#7D7FE7

#E7B07D

#B4E77D

Tetradic

#7D7FE7

#E77DB4

#E7E57D

#7DE7B0

Color Blindness Simulation

Original

#7D7FE7

Protanopia

#7E7ECE

Deuteranopia

#7E7EC8

Tritanopia

#7DBAB6

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#9899EC
400
#6062E2
500
#282BD7
600
#2022AC
700
#191C8A
800
#14156C
900
#12144E
950
#0C0C32

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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