#7D7FBA

#7D7FBA

Color Values

HEX

#7D7FBA

RGB

125, 127, 186

HSL

238.0, 30.7%, 61.0%

HSV

238.0, 32.8%, 72.9%

CMYK

32.8%, 31.7%, 0.0%, 27.1%

OKLCH

0.6184 0.0887 282.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7D7FBA

#BAB87D

Analogous

#7D9EBA

#9A7DBA

#7D7FBA

Triadic

#7D7FBA

#BA7D7F

#7FBA7D

Split Complementary

#7D7FBA

#BA9A7D

#9EBA7D

Tetradic

#7D7FBA

#BA7D9E

#BAB87D

#7DBA9A

Color Blindness Simulation

Original

#7D7FBA

Protanopia

#7E7EAC

Deuteranopia

#7E7EA8

Tritanopia

#7DA09E

Achromatopsia

#838383

CSS Usage

background-color: #7D7FBA;
color: #7D7FBA;
border-color: #7D7FBA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E6
300
#AFB0D5
400
#8486BE
500
#585BA7
600
#474985
700
#393A6B
800
#2C2D53
900
#23243E
950
#161727

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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