#B976FB

#B976FB

Color Values

HEX

#B976FB

RGB

185, 118, 251

HSL

270.2, 94.3%, 72.4%

HSV

270.2, 53.0%, 98.4%

CMYK

26.3%, 53.0%, 0.0%, 1.6%

OKLCH

0.6925 0.1951 305.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B976FB

#B8FB76

Analogous

#7776FB

#FB76FB

#B976FB

Triadic

#B976FB

#FBB976

#76FBB9

Split Complementary

#B976FB

#FBFB76

#76FB77

Tetradic

#B976FB

#FB7776

#B8FB76

#76FBFB

Color Blindness Simulation

Original

#B976FB

Protanopia

#9C9BDB

Deuteranopia

#A0A5D3

Tritanopia

#B6C1BC

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBAFD
300
#C288FC
400
#A148FA
500
#8007F8
600
#6706C6
700
#52059F
800
#40047C
900
#31075A
950
#1F0539

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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