#7869B3

#7869B3

Color Values

HEX

#7869B3

RGB

120, 105, 179

HSL

252.2, 32.7%, 55.7%

HSV

252.2, 41.3%, 70.2%

CMYK

33.0%, 41.3%, 0.0%, 29.8%

OKLCH

0.5669 0.1126 291.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7869B3

#A4B369

Analogous

#697FB3

#9D69B3

#7869B3

Triadic

#7869B3

#B37869

#69B378

Split Complementary

#7869B3

#B39D69

#7FB369

Tetradic

#7869B3

#B3697F

#A4B369

#69B39D

Color Blindness Simulation

Original

#7869B3

Protanopia

#7271A1

Deuteranopia

#72749D

Tritanopia

#779390

Achromatopsia

#727272

CSS Usage

background-color: #7869B3;
color: #7869B3;
border-color: #7869B3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B6AED6
400
#8E82C0
500
#6756A9
600
#524587
700
#42376C
800
#332B55
900
#28223F
950
#191628

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026