#CCC0F6

#CCC0F6

Color Values

HEX

#CCC0F6

RGB

204, 192, 246

HSL

253,3, 75,0%, 85,9%

HSV

253,3, 22,0%, 96,5%

CMYK

17,1%, 22,0%, 0,0%, 3,5%

OKLCH

0,8357 0,0757 294,9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC0F6

#EAF6C0

Analogous

#C0CFF6

#E7C0F6

#CCC0F6

Triadic

#CCC0F6

#F6CCC0

#C0F6CC

Split Complementary

#CCC0F6

#F6E7C0

#CFF6C0

Tetradic

#CCC0F6

#F6C0CF

#EAF6C0

#C0F6E7

Color Blindness Simulation

Original

#CCC0F6

Protanopia

#C7C7E9

Deuteranopia

#C8C8E6

Tritanopia

#CBDFDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E7E2F9
200
#CCC1F6
300
#A894F0
400
#795AE7
500
#4A20DF
600
#3B19B3
700
#30148F
800
#251070
900
#1E1051
950
#130A33

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,44: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