#7969FA

#7969FA

Color Values

HEX

#7969FA

RGB

121, 105, 250

HSL

246.6, 93.5%, 69.6%

HSV

246.6, 58.0%, 98.0%

CMYK

51.6%, 58.0%, 0.0%, 2.0%

OKLCH

0.613 0.2081 283.4

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7969FA

#EAFA69

Analogous

#69A2FA

#C169FA

#7969FA

Triadic

#7969FA

#FA7969

#69FA79

Split Complementary

#7969FA

#FAC169

#A2FA69

Tetradic

#7969FA

#FA69A2

#EAFA69

#69FAC1

Color Blindness Simulation

Original

#7969FA

Protanopia

#7272D7

Deuteranopia

#7374CE

Tritanopia

#78BBB5

Achromatopsia

#777777

CSS Usage

background-color: #7969FA;
color: #7969FA;
border-color: #7969FA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFD
300
#9589FB
400
#5C48F9
500
#2308F7
600
#1C07C5
700
#16059E
800
#11047B
900
#110859
950
#0B0538

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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