#CFCAFE

#CFCAFE

Color Values

HEX

#CFCAFE

RGB

207, 202, 254

HSL

245,8, 96,3%, 89,4%

HSV

245,8, 20,5%, 99,6%

CMYK

18,5%, 20,5%, 0,0%, 0,4%

OKLCH

0,8602 0,0718 289,2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFCAFE

#F9FECA

Analogous

#CADFFE

#E9CAFE

#CFCAFE

Triadic

#CFCAFE

#FECFCA

#CAFECF

Split Complementary

#CFCAFE

#FEE9CA

#DFFECA

Tetradic

#CFCAFE

#FECADF

#F9FECA

#CAFEE9

Color Blindness Simulation

Original

#CFCAFE

Protanopia

#CDCDF1

Deuteranopia

#CDCDEE

Tritanopia

#CFE7E5

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#C0B9FE
300
#9287FD
400
#5746FC
500
#1C05FA
600
#1704C8
700
#1203A0
800
#0E027D
900
#0F065A
950
#090439

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

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