#B8B0FC

#B8B0FC

Color Values

HEX

#B8B0FC

RGB

184, 176, 252

HSL

246.3, 92.7%, 83.9%

HSV

246.3, 30.2%, 98.8%

CMYK

27.0%, 30.2%, 0.0%, 1.2%

OKLCH

0.7917 0.107 288.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B8B0FC

#F4FCB0

Analogous

#B0CEFC

#DEB0FC

#B8B0FC

Triadic

#B8B0FC

#FCB8B0

#B0FCB8

Split Complementary

#B8B0FC

#FCDEB0

#CEFCB0

Tetradic

#B8B0FC

#FCB0CE

#F4FCB0

#B0FCDE

Color Blindness Simulation

Original

#B8B0FC

Protanopia

#B5B4EA

Deuteranopia

#B5B6E5

Tritanopia

#B8DBD8

Achromatopsia

#B7B7B7

CSS Usage

background-color: #B8B0FC;
color: #B8B0FC;
border-color: #B8B0FC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFC
300
#9589FB
400
#5C49F8
500
#2209F6
600
#1B07C5
700
#16069D
800
#11057B
900
#110859
950
#0A0538

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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