#7973FC

#7973FC

Color Values

HEX

#7973FC

RGB

121, 115, 252

HSL

242,6, 95,8%, 72,0%

HSV

242,6, 54,4%, 98,8%

CMYK

52,0%, 54,4%, 0,0%, 1,2%

OKLCH

0,6313 0,1979 281,1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7973FC

#F6FC73

Analogous

#73B2FC

#BE73FC

#7973FC

Triadic

#7973FC

#FC7973

#73FC79

Split Complementary

#7973FC

#FCBE73

#B2FC73

Tetradic

#7973FC

#FC73B2

#F6FC73

#73FCBE

Color Blindness Simulation

Original

#7973FC

Protanopia

#7676DB

Deuteranopia

#7777D3

Tritanopia

#79C1BB

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7973FC;
color: #7973FC;
border-color: #7973FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F1FE
100
#E0DFFC
200
#BCB9FE
300
#8C87FC
400
#4E46FB
500
#1005FA
600
#0D04C8
700
#0A03A0
800
#08037D
900
#0A075A
950
#070439

Contrast Checker

Text on white

3,7:1

AA Fail AAA Fail

Text on black

5,67: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