#C2BFDB

#C2BFDB

Color Values

HEX

#C2BFDB

RGB

194, 191, 219

HSL

246,4, 28,0%, 80,4%

HSV

246,4, 12,8%, 85,9%

CMYK

11,4%, 12,8%, 0,0%, 14,1%

OKLCH

0,8159 0,0391 290,4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C2BFDB

#D8DBBF

Analogous

#BFCADB

#D0BFDB

#C2BFDB

Triadic

#C2BFDB

#DBC2BF

#BFDBC2

Split Complementary

#C2BFDB

#DBD0BF

#CADBBF

Tetradic

#C2BFDB

#DBBFCA

#D8DBBF

#BFDBD0

Color Blindness Simulation

Original

#C2BFDB

Protanopia

#C1C1D4

Deuteranopia

#C1C1D3

Tritanopia

#C2CFCE

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D3D1E5
300
#B4B1D3
400
#8C86BB
500
#635CA3
600
#504983
700
#403B68
800
#322E52
900
#27243D
950
#191726

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,77: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