#BFAFC8

#BFAFC8

Color Values

HEX

#BFAFC8

RGB

191, 175, 200

HSL

278.4, 18.5%, 73.5%

HSV

278.4, 12.5%, 78.4%

CMYK

4.5%, 12.5%, 0.0%, 21.6%

OKLCH

0.7753 0.0392 313.6

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BFAFC8

#B8C8AF

Analogous

#B2AFC8

#C8AFC4

#BFAFC8

Triadic

#BFAFC8

#C8BFAF

#AFC8BF

Split Complementary

#BFAFC8

#C4C8AF

#AFC8B2

Tetradic

#BFAFC8

#C8B2AF

#B8C8AF

#AFC4C8

Color Blindness Simulation

Original

#BFAFC8

Protanopia

#B8B8C2

Deuteranopia

#B9BAC0

Tritanopia

#BEBDBC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD5E2
300
#C5B6CD
400
#A68FB2
500
#866897
600
#6B5379
700
#564361
800
#43344C
900
#332839
950
#201A24

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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