#C8BAEF

#C8BAEF

Color Values

HEX

#C8BAEF

RGB

200, 186, 239

HSL

255.8, 62.4%, 83.3%

HSV

255.8, 22.2%, 93.7%

CMYK

16.3%, 22.2%, 0.0%, 6.3%

OKLCH

0.8183 0.075 296.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C8BAEF

#E1EFBA

Analogous

#BAC6EF

#E2BAEF

#C8BAEF

Triadic

#C8BAEF

#EFC8BA

#BAEFC8

Split Complementary

#C8BAEF

#EFE2BA

#C6EFBA

Tetradic

#C8BAEF

#EFBAC6

#E1EFBA

#BAEFE2

Color Blindness Simulation

Original

#C8BAEF

Protanopia

#C2C2E2

Deuteranopia

#C3C4DF

Tritanopia

#C7D8D6

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E9E4F7
200
#D1C5F2
300
#B09CE8
400
#8566DC
500
#5A30CF
600
#4826A6
700
#391F85
800
#2D1868
900
#24154C
950
#160D30

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026