#7F75BA

#7F75BA

Color Values

HEX

#7F75BA

RGB

127, 117, 186

HSL

248.7, 33.3%, 59.4%

HSV

248.7, 37.1%, 72.9%

CMYK

31.7%, 37.1%, 0.0%, 27.1%

OKLCH

0.6 0.1037 289.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#7F75BA

#B0BA75

Analogous

#758DBA

#A175BA

#7F75BA

Triadic

#7F75BA

#BA7F75

#75BA7F

Split Complementary

#7F75BA

#BAA175

#8DBA75

Tetradic

#7F75BA

#BA758D

#B0BA75

#75BAA1

Color Blindness Simulation

Original

#7F75BA

Protanopia

#7B7BA9

Deuteranopia

#7B7CA5

Tritanopia

#7E9C99

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D3CFE7
300
#B3ADD6
400
#8A81C0
500
#6155AA
600
#4E4488
700
#3E366D
800
#312B55
900
#26223F
950
#181528

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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