#CFC0F7

#CFC0F7

Color Values

HEX

#CFC0F7

RGB

207, 192, 247

HSL

256.4, 77.5%, 86.1%

HSV

256.4, 22.3%, 96.9%

CMYK

16.2%, 22.3%, 0.0%, 3.1%

OKLCH

0.8385 0.0774 297.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFC0F7

#E8F7C0

Analogous

#C0CDF7

#EBC0F7

#CFC0F7

Triadic

#CFC0F7

#F7CFC0

#C0F7CF

Split Complementary

#CFC0F7

#F7EBC0

#CDF7C0

Tetradic

#CFC0F7

#F7C0CD

#E8F7C0

#C0F7EB

Color Blindness Simulation

Original

#CFC0F7

Protanopia

#C9C8EA

Deuteranopia

#C9CAE6

Tritanopia

#CEDFDD

Achromatopsia

#C7C7C7

CSS Usage

background-color: #CFC0F7;
color: #CFC0F7;
border-color: #CFC0F7;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F2FC
100
#E8E1F9
200
#CFC0F7
300
#AC92F1
400
#8058EA
500
#531DE2
600
#4217B5
700
#351291
800
#290E71
900
#210F52
950
#150934

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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