#BFACD6

#BFACD6

Color Values

HEX

#BFACD6

RGB

191, 172, 214

HSL

267.1, 33.9%, 75.7%

HSV

267.1, 19.6%, 83.9%

CMYK

10.7%, 19.6%, 0.0%, 16.1%

OKLCH

0.7744 0.0623 305.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BFACD6

#C3D6AC

Analogous

#ACAED6

#D4ACD6

#BFACD6

Triadic

#BFACD6

#D6BFAC

#ACD6BF

Split Complementary

#BFACD6

#D6D4AC

#AED6AC

Tetradic

#BFACD6

#D6ACAE

#C3D6AC

#ACD6D4

Color Blindness Simulation

Original

#BFACD6

Protanopia

#B7B7CC

Deuteranopia

#B8B9C9

Tritanopia

#BEC4C2

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BFACD6;
color: #BFACD6;
border-color: #BFACD6;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DACFE7
300
#C0ADD7
400
#9E81C1
500
#7B54AB
600
#634389
700
#4F366D
800
#3E2A55
900
#2F223F
950
#1E1528

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026