#C2C1F3

#C2C1F3

Color Values

HEX

#C2C1F3

RGB

194, 193, 243

HSL

241.2, 67.6%, 85.5%

HSV

241.2, 20.6%, 95.3%

CMYK

20.2%, 20.6%, 0.0%, 4.7%

OKLCH

0.8286 0.0697 285.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2C1F3

#F2F3C1

Analogous

#C1D9F3

#DBC1F3

#C2C1F3

Triadic

#C2C1F3

#F3C2C1

#C1F3C2

Split Complementary

#C2C1F3

#F3DBC1

#D9F3C1

Tetradic

#C2C1F3

#F3C1D9

#F2F3C1

#C1F3DB

Color Blindness Simulation

Original

#C2C1F3

Protanopia

#C2C2E7

Deuteranopia

#C2C2E4

Tritanopia

#C2DDDB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C3F3
300
#9A98EB
400
#6361E0
500
#2D29D6
600
#2421AB
700
#1D1A89
800
#16156B
900
#14134E
950
#0D0C31

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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