#7F69C0

#7F69C0

Color Values

HEX

#7F69C0

RGB

127, 105, 192

HSL

255.2, 40.8%, 58.2%

HSV

255.2, 45.3%, 75.3%

CMYK

33.9%, 45.3%, 0.0%, 24.7%

OKLCH

0.5804 0.1311 293.5

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7F69C0

#AAC069

Analogous

#697EC0

#AA69C0

#7F69C0

Triadic

#7F69C0

#C07F69

#69C07F

Split Complementary

#7F69C0

#C0AA69

#7EC069

Tetradic

#7F69C0

#C0697E

#AAC069

#69C0AA

Color Blindness Simulation

Original

#7F69C0

Protanopia

#7575AB

Deuteranopia

#7778A6

Tritanopia

#7E9A97

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B5A9DB
400
#8E7AC7
500
#664BB4
600
#513C90
700
#413073
800
#33265A
900
#281F42
950
#19132A

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.68:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026