#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026