#CCC8FD

#CCC8FD

Color Values

HEX

#CCC8FD

RGB

204, 200, 253

HSL

244.5, 93.0%, 88.8%

HSV

244.5, 20.9%, 99.2%

CMYK

19.4%, 20.9%, 0.0%, 0.8%

OKLCH

0.8537 0.0733 288.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC8FD

#F9FDC8

Analogous

#C8DEFD

#E6C8FD

#CCC8FD

Triadic

#CCC8FD

#FDCCC8

#C8FDCC

Split Complementary

#CCC8FD

#FDE6C8

#DEFDC8

Tetradic

#CCC8FD

#FDC8DE

#F9FDC8

#C8FDE6

Color Blindness Simulation

Original

#CCC8FD

Protanopia

#CACAF0

Deuteranopia

#CACBED

Tritanopia

#CCE6E4

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BFBAFD
300
#9189FB
400
#5649F8
500
#1B09F6
600
#1507C5
700
#11069D
800
#0D047B
900
#0E0859
950
#090538

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026