#C3BFDB

#C3BFDB

Color Values

HEX

#C3BFDB

RGB

195, 191, 219

HSL

248.6, 28.0%, 80.4%

HSV

248.6, 12.8%, 85.9%

CMYK

11.0%, 12.8%, 0.0%, 14.1%

OKLCH

0.8167 0.0392 292.1

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C3BFDB

#D7DBBF

Analogous

#BFC9DB

#D1BFDB

#C3BFDB

Triadic

#C3BFDB

#DBC3BF

#BFDBC3

Split Complementary

#C3BFDB

#DBD1BF

#C9DBBF

Tetradic

#C3BFDB

#DBBFC9

#D7DBBF

#BFDBD1

Color Blindness Simulation

Original

#C3BFDB

Protanopia

#C1C1D4

Deuteranopia

#C2C2D3

Tritanopia

#C3CFCE

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D1E5
300
#B6B1D3
400
#8E86BB
500
#665CA3
600
#524983
700
#413B68
800
#332E52
900
#28243D
950
#191726

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026