#B888FC

#B888FC

Color Values

HEX

#B888FC

RGB

184, 136, 252

HSL

264.8, 95.1%, 76.1%

HSV

264.8, 46.0%, 98.8%

CMYK

27.0%, 46.0%, 0.0%, 1.2%

OKLCH

0.7204 0.1686 301.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B888FC

#CCFC88

Analogous

#8892FC

#F288FC

#B888FC

Triadic

#B888FC

#FCB888

#88FCB8

Split Complementary

#B888FC

#FCF288

#92FC88

Tetradic

#B888FC

#FC8892

#CCFC88

#88FCF2

Color Blindness Simulation

Original

#B888FC

Protanopia

#A3A3E0

Deuteranopia

#A6AAD9

Tritanopia

#B6CAC5

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D5B9FD
300
#B888FC
400
#9147FA
500
#6A06F9
600
#5505C7
700
#44049F
800
#35037C
900
#29075A
950
#1A0439

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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