#B978E4

#B978E4

Color Values

HEX

#B978E4

RGB

185, 120, 228

HSL

276.1, 66.7%, 68.2%

HSV

276.1, 47.4%, 89.4%

CMYK

18.9%, 47.4%, 0.0%, 10.6%

OKLCH

0.683 0.1657 310.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B978E4

#A3E478

Analogous

#8378E4

#E478D9

#B978E4

Triadic

#B978E4

#E4B978

#78E4B9

Split Complementary

#B978E4

#D9E478

#78E483

Tetradic

#B978E4

#E48378

#A3E478

#78D9E4

Color Blindness Simulation

Original

#B978E4

Protanopia

#9D9CCA

Deuteranopia

#A1A6C4

Tritanopia

#B6B5B1

Achromatopsia

#8E8E8E

CSS Usage

background-color: #B978E4;
color: #B978E4;
border-color: #B978E4;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA99EB
400
#AD62E0
500
#912AD5
600
#7422AA
700
#5D1B88
800
#48156A
900
#36134E
950
#220C31

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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