#B956FA

#B956FA

Color Values

HEX

#B956FA

RGB

185, 86, 250

HSL

276.2, 94.3%, 65.9%

HSV

276.2, 65.6%, 98.0%

CMYK

26.0%, 65.6%, 0.0%, 2.0%

OKLCH

0.6494 0.2386 308.9

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B956FA

#97FA56

Analogous

#6756FA

#FA56E9

#B956FA

Triadic

#B956FA

#FAB956

#56FAB9

Split Complementary

#B956FA

#E9FA56

#56FA67

Tetradic

#B956FA

#FA6756

#97FA56

#56E9FA

Color Blindness Simulation

Original

#B956FA

Protanopia

#8E8DD2

Deuteranopia

#949BC9

Tritanopia

#B4B3AC

Achromatopsia

#777777

CSS Usage

background-color: #B956FA;
color: #B956FA;
border-color: #B956FA;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BAFD
300
#CE88FC
400
#B348FA
500
#9807F8
600
#7A06C6
700
#62059F
800
#4C047C
900
#39075A
950
#240539

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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