#BFAFBA

#BFAFBA

Color Values

HEX

#BFAFBA

RGB

191, 175, 186

HSL

318.8, 11.1%, 71.8%

HSV

318.8, 8.4%, 74.9%

CMYK

0.0%, 8.4%, 2.6%, 25.1%

OKLCH

0.7708 0.0237 337.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#BFAFBA

#AFBFB4

Analogous

#BCAFBF

#BFAFB2

#BFAFBA

Triadic

#BFAFBA

#BABFAF

#AFBABF

Split Complementary

#BFAFBA

#B2BFAF

#AFBFBC

Tetradic

#BFAFBA

#BFBCAF

#AFBFB4

#AFB2BF

Color Blindness Simulation

Original

#BFAFBA

Protanopia

#B8B8B7

Deuteranopia

#B9BAB7

Tritanopia

#BEB5B5

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BFAFBA;
color: #BFAFBA;
border-color: #BFAFBA;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DD
300
#C9BBC4
400
#AB96A5
500
#8E7185
600
#715B6A
700
#5B4955
800
#473942
900
#352C32
950
#221C20

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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