#CFCCE8

#CFCCE8

Color Values

HEX

#CFCCE8

RGB

207, 204, 232

HSL

246.4, 37.8%, 85.5%

HSV

246.4, 12.1%, 91.0%

CMYK

10.8%, 12.1%, 0.0%, 9.0%

OKLCH

0.8563 0.0386 290.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFCCE8

#E5E8CC

Analogous

#CCD7E8

#DDCCE8

#CFCCE8

Triadic

#CFCCE8

#E8CFCC

#CCE8CF

Split Complementary

#CFCCE8

#E8DDCC

#D7E8CC

Tetradic

#CFCCE8

#E8CCD7

#E5E8CC

#CCE8DD

Color Blindness Simulation

Original

#CFCCE8

Protanopia

#CECEE1

Deuteranopia

#CECEE0

Tritanopia

#CFDCDB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CEE9
300
#B0ABD9
400
#857DC4
500
#5A4FB0
600
#483F8D
700
#393370
800
#2D2858
900
#232041
950
#161429

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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