#CCBFE8

#CCBFE8

Color Values

HEX

#CCBFE8

RGB

204, 191, 232

HSL

259,0, 47,1%, 82,9%

HSV

259,0, 17,7%, 91,0%

CMYK

12,1%, 17,7%, 0,0%, 9,0%

OKLCH

0,8286 0,0583 299,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCBFE8

#DBE8BF

Analogous

#BFC6E8

#E0BFE8

#CCBFE8

Triadic

#CCBFE8

#E8CCBF

#BFE8CC

Split Complementary

#CCBFE8

#E8E0BF

#C6E8BF

Tetradic

#CCBFE8

#E8BFC6

#DBE8BF

#BFE8E0

Color Blindness Simulation

Original

#CCBFE8

Protanopia

#C6C6DE

Deuteranopia

#C7C8DC

Tritanopia

#CBD6D5

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D5CAEC
300
#B7A5DF
400
#9074CD
500
#6943BC
600
#543696
700
#442B78
800
#35225E
900
#291C45
950
#1A122C

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026