#C3C2F8

#C3C2F8

Color Values

HEX

#C3C2F8

RGB

195, 194, 248

HSL

241.1, 79.4%, 86.7%

HSV

241.1, 21.8%, 97.3%

CMYK

21.4%, 21.8%, 0.0%, 2.7%

OKLCH

0.8332 0.0752 285.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C2F8

#F7F8C2

Analogous

#C2DCF8

#DEC2F8

#C3C2F8

Triadic

#C3C2F8

#F8C3C2

#C2F8C3

Split Complementary

#C3C2F8

#F8DEC2

#DCF8C2

Tetradic

#C3C2F8

#F8C2DC

#F7F8C2

#C2F8DE

Color Blindness Simulation

Original

#C3C2F8

Protanopia

#C3C3EB

Deuteranopia

#C3C3E8

Tritanopia

#C3E1DE

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C0BFF8
300
#9391F2
400
#5856EC
500
#1E1AE5
600
#1815B7
700
#131192
800
#0F0D72
900
#0F0E53
950
#0A0934

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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