#C7C1FC

#C7C1FC

Color Values

HEX

#C7C1FC

RGB

199, 193, 252

HSL

246.1, 90.8%, 87.3%

HSV

246.1, 23.4%, 98.8%

CMYK

21.0%, 23.4%, 0.0%, 1.2%

OKLCH

0.8359 0.0821 289.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7C1FC

#F6FCC1

Analogous

#C1D9FC

#E5C1FC

#C7C1FC

Triadic

#C7C1FC

#FCC7C1

#C1FCC7

Split Complementary

#C7C1FC

#FCE5C1

#D9FCC1

Tetradic

#C7C1FC

#FCC1D9

#F6FCC1

#C1FCE5

Color Blindness Simulation

Original

#C7C1FC

Protanopia

#C4C4EE

Deuteranopia

#C5C5EA

Tritanopia

#C7E2E0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BBFC
300
#968AF9
400
#5C4BF6
500
#230CF3
600
#1C09C3
700
#17089C
800
#12067A
900
#110958
950
#0B0638

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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