#C7BFE2

#C7BFE2

Color Values

HEX

#C7BFE2

RGB

199, 191, 226

HSL

253.7, 37.6%, 81.8%

HSV

253.7, 15.5%, 88.6%

CMYK

11.9%, 15.5%, 0.0%, 11.4%

OKLCH

0.8224 0.0493 295.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7BFE2

#DAE2BF

Analogous

#BFC9E2

#D9BFE2

#C7BFE2

Triadic

#C7BFE2

#E2C7BF

#BFE2C7

Split Complementary

#C7BFE2

#E2D9BF

#C9E2BF

Tetradic

#C7BFE2

#E2BFC9

#DAE2BF

#BFE2D9

Color Blindness Simulation

Original

#C7BFE2

Protanopia

#C4C3DA

Deuteranopia

#C4C5D8

Tritanopia

#C7D3D1

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CEE9
300
#B5ABD9
400
#8D7DC4
500
#6550AF
600
#51408C
700
#413370
800
#332858
900
#282041
950
#191429

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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