#C2BCF5

#C2BCF5

Color Values

HEX

#C2BCF5

RGB

194, 188, 245

HSL

246.3, 74.0%, 84.9%

HSV

246.3, 23.3%, 96.1%

CMYK

20.8%, 23.3%, 0.0%, 3.9%

OKLCH

0.8196 0.0797 289.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2BCF5

#EFF5BC

Analogous

#BCD3F5

#DEBCF5

#C2BCF5

Triadic

#C2BCF5

#F5C2BC

#BCF5C2

Split Complementary

#C2BCF5

#F5DEBC

#D3F5BC

Tetradic

#C2BCF5

#F5BCD3

#EFF5BC

#BCF5DE

Color Blindness Simulation

Original

#C2BCF5

Protanopia

#BFBFE7

Deuteranopia

#C0C0E4

Tritanopia

#C2DCDA

Achromatopsia

#C1C1C1

CSS Usage

background-color: #C2BCF5;
color: #C2BCF5;
border-color: #C2BCF5;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C6C1F6
300
#9E95EF
400
#695BE6
500
#3521DE
600
#2A1BB1
700
#22158E
800
#1A116F
900
#171051
950
#0F0A33

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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