#978BFD

#978BFD

Color Values

HEX

#978BFD

RGB

151, 139, 253

HSL

246.3, 96.6%, 76.9%

HSV

246.3, 45.1%, 99.2%

CMYK

40.3%, 45.1%, 0.0%, 0.8%

OKLCH

0.6974 0.1633 286.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#978BFD

#F1FD8B

Analogous

#8BB8FD

#D08BFD

#978BFD

Triadic

#978BFD

#FD978B

#8BFD97

Split Complementary

#978BFD

#FDD08B

#B8FD8B

Tetradic

#978BFD

#FD8BB8

#F1FD8B

#8BFDD0

Color Blindness Simulation

Original

#978BFD

Protanopia

#9292E1

Deuteranopia

#9293DB

Tritanopia

#96CCC7

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E2DEFC
200
#C0B9FE
300
#9387FD
400
#5946FC
500
#1E04FB
600
#1803C9
700
#1303A0
800
#0F027D
900
#0F065B
950
#0A0439

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026