#C2BFE4

#C2BFE4

Color Values

HEX

#C2BFE4

RGB

194, 191, 228

HSL

244.9, 40.7%, 82.2%

HSV

244.9, 16.2%, 89.4%

CMYK

14.9%, 16.2%, 0.0%, 10.6%

OKLCH

0.8191 0.0517 288.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2BFE4

#E1E4BF

Analogous

#BFCFE4

#D5BFE4

#C2BFE4

Triadic

#C2BFE4

#E4C2BF

#BFE4C2

Split Complementary

#C2BFE4

#E4D5BF

#CFE4BF

Tetradic

#C2BFE4

#E4BFCF

#E1E4BF

#BFE4D5

Color Blindness Simulation

Original

#C2BFE4

Protanopia

#C1C1DB

Deuteranopia

#C1C1D9

Tritanopia

#C2D4D2

Achromatopsia

#C2C2C2

CSS Usage

background-color: #C2BFE4;
color: #C2BFE4;
border-color: #C2BFE4;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDEA
300
#ADA9DB
400
#817AC7
500
#544CB3
600
#433C90
700
#363073
800
#2A265A
900
#221F42
950
#15132A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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