#C2C7FA

#C2C7FA

Color Values

HEX

#C2C7FA

RGB

194, 199, 250

HSL

234.6, 84.8%, 87.1%

HSV

234.6, 22.4%, 98.0%

CMYK

22.4%, 20.4%, 0.0%, 2.0%

OKLCH

0.843 0.0713 280.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2C7FA

#FAF5C2

Analogous

#C2E3FA

#D9C2FA

#C2C7FA

Triadic

#C2C7FA

#FAC2C7

#C7FAC2

Split Complementary

#C2C7FA

#FAD9C2

#E3FAC2

Tetradic

#C2C7FA

#FAC2E3

#FAF5C2

#C2FAD9

Color Blindness Simulation

Original

#C2C7FA

Protanopia

#C4C4EE

Deuteranopia

#C4C3EB

Tritanopia

#C2E4E2

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC2FA
300
#8E97F6
400
#515FF1
500
#1327EC
600
#101FBC
700
#0C1997
800
#0A1376
900
#0B1255
950
#070B36

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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