#CFCDF6

#CFCDF6

Color Values

HEX

#CFCDF6

RGB

207, 205, 246

HSL

242.9, 69.5%, 88.4%

HSV

242.9, 16.7%, 96.5%

CMYK

15.9%, 16.7%, 0.0%, 3.5%

OKLCH

0.8631 0.0565 287.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFCDF6

#F4F6CD

Analogous

#CDDFF6

#E3CDF6

#CFCDF6

Triadic

#CFCDF6

#F6CFCD

#CDF6CF

Split Complementary

#CFCDF6

#F6E3CD

#DFF6CD

Tetradic

#CFCDF6

#F6CDDF

#F4F6CD

#CDF6E3

Color Blindness Simulation

Original

#CFCDF6

Protanopia

#CECEEC

Deuteranopia

#CECEEA

Tritanopia

#CFE4E3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C5C2F4
300
#9B97EC
400
#655FE2
500
#2F27D8
600
#261FAD
700
#1E198A
800
#18136C
900
#15124F
950
#0D0B32

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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