#B287FD

#B287FD

Color Values

HEX

#B287FD

RGB

178, 135, 253

HSL

261,9, 96,7%, 76,1%

HSV

261,9, 46,6%, 99,2%

CMYK

29,6%, 46,6%, 0,0%, 0,8%

OKLCH

0,7136 0,1703 298,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B287FD

#D2FD87

Analogous

#8797FD

#ED87FD

#B287FD

Triadic

#B287FD

#FDB287

#87FDB2

Split Complementary

#B287FD

#FDED87

#97FD87

Tetradic

#B287FD

#FD8797

#D2FD87

#87FDED

Color Blindness Simulation

Original

#B287FD

Protanopia

#9F9FE0

Deuteranopia

#A2A5DA

Tritanopia

#B0CAC5

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#E9DEFC
200
#D2B9FE
300
#B287FD
400
#8845FC
500
#5E04FB
600
#4B03C9
700
#3C03A1
800
#2F027D
900
#25065B
950
#170439

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,78:1

AA Pass AAA Pass

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