#CFCBF5

#CFCBF5

Color Values

HEX

#CFCBF5

RGB

207, 203, 245

HSL

245.7, 67.7%, 87.8%

HSV

245.7, 17.1%, 96.1%

CMYK

15.5%, 17.1%, 0.0%, 3.9%

OKLCH

0.8589 0.058 289.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFCBF5

#F1F5CB

Analogous

#CBDCF5

#E4CBF5

#CFCBF5

Triadic

#CFCBF5

#F5CFCB

#CBF5CF

Split Complementary

#CFCBF5

#F5E4CB

#DCF5CB

Tetradic

#CFCBF5

#F5CBDC

#F1F5CB

#CBF5E4

Color Blindness Simulation

Original

#CFCBF5

Protanopia

#CDCDEB

Deuteranopia

#CECEE8

Tritanopia

#CFE3E1

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A098EB
400
#6D61E1
500
#3A29D6
600
#2E21AB
700
#251A89
800
#1D156B
900
#19134E
950
#0F0C31

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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