#978BFA

#978BFA

Color Values

HEX

#978BFA

RGB

151, 139, 250

HSL

246.5, 91.7%, 76.3%

HSV

246.5, 44.4%, 98.0%

CMYK

39.6%, 44.4%, 0.0%, 2.0%

OKLCH

0.6957 0.1592 286.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#978BFA

#EEFA8B

Analogous

#8BB7FA

#CF8BFA

#978BFA

Triadic

#978BFA

#FA978B

#8BFA97

Split Complementary

#978BFA

#FACF8B

#B7FA8B

Tetradic

#978BFA

#FA8BB7

#EEFA8B

#8BFACF

Color Blindness Simulation

Original

#978BFA

Protanopia

#9292DF

Deuteranopia

#9293D9

Tritanopia

#96CAC5

Achromatopsia

#969696

CSS Usage

background-color: #978BFA;
color: #978BFA;
border-color: #978BFA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BBFC
300
#968AFA
400
#5D4AF7
500
#240BF4
600
#1D08C4
700
#17079C
800
#12057A
900
#110858
950
#0B0538

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.39:1

AA Pass AAA Pass

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