#CCC7F0

#CCC7F0

Color Values

HEX

#CCC7F0

RGB

204, 199, 240

HSL

247,3, 57,7%, 86,1%

HSV

247,3, 17,1%, 94,1%

CMYK

15,0%, 17,1%, 0,0%, 5,9%

OKLCH

0,847 0,0569 290,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC7F0

#EBF0C7

Analogous

#C7D7F0

#E1C7F0

#CCC7F0

Triadic

#CCC7F0

#F0CCC7

#C7F0CC

Split Complementary

#CCC7F0

#F0E1C7

#D7F0C7

Tetradic

#CCC7F0

#F0C7D7

#EBF0C7

#C7F0E1

Color Blindness Simulation

Original

#CCC7F0

Protanopia

#CACAE6

Deuteranopia

#CACAE4

Tritanopia

#CCDEDD

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC7F0
300
#A79EE5
400
#776AD7
500
#4836C9
600
#392BA1
700
#2E2381
800
#241B65
900
#1D174A
950
#130F2E

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

13,0: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