#C8BDFC

#C8BDFC

Color Values

HEX

#C8BDFC

RGB

200, 189, 252

HSL

250.5, 91.3%, 86.5%

HSV

250.5, 25.0%, 98.8%

CMYK

20.6%, 25.0%, 0.0%, 1.2%

OKLCH

0.8291 0.0881 292.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C8BDFC

#F1FCBD

Analogous

#BDD2FC

#E8BDFC

#C8BDFC

Triadic

#C8BDFC

#FCC8BD

#BDFCC8

Split Complementary

#C8BDFC

#FCE8BD

#D2FCBD

Tetradic

#C8BDFC

#FCBDD2

#F1FCBD

#BDFCE8

Color Blindness Simulation

Original

#C8BDFC

Protanopia

#C3C3ED

Deuteranopia

#C4C5E9

Tritanopia

#C7E1DE

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E4DFFB
200
#C6BBFC
300
#9D8AFA
400
#694BF7
500
#340BF4
600
#2909C3
700
#21079C
800
#1A067A
900
#170958
950
#0E0538

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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