#C8BFDB

#C8BFDB

Color Values

HEX

#C8BFDB

RGB

200, 191, 219

HSL

259,3, 28,0%, 80,4%

HSV

259,3, 12,8%, 85,9%

CMYK

8,7%, 12,8%, 0,0%, 14,1%

OKLCH

0,8208 0,0399 300,2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#C8BFDB

#D2DBBF

Analogous

#BFC4DB

#D6BFDB

#C8BFDB

Triadic

#C8BFDB

#DBC8BF

#BFDBC8

Split Complementary

#C8BFDB

#DBD6BF

#C4DBBF

Tetradic

#C8BFDB

#DBBFC4

#D2DBBF

#BFDBD6

Color Blindness Simulation

Original

#C8BFDB

Protanopia

#C4C4D4

Deuteranopia

#C5C5D3

Tritanopia

#C8CFCE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #C8BFDB;
color: #C8BFDB;
border-color: #C8BFDB;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D8D1E5
300
#BCB1D3
400
#9786BB
500
#735CA3
600
#5C4983
700
#493B68
800
#392E52
900
#2C243D
950
#1C1726

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,93:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026