#C3C7EE

#C3C7EE

Color Values

HEX

#C3C7EE

RGB

195, 199, 238

HSL

234.4, 55.8%, 84.9%

HSV

234.4, 18.1%, 93.3%

CMYK

18.1%, 16.4%, 0.0%, 6.7%

OKLCH

0.8393 0.0545 280.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C7EE

#EEEAC3

Analogous

#C3DDEE

#D4C3EE

#C3C7EE

Triadic

#C3C7EE

#EEC3C7

#C7EEC3

Split Complementary

#C3C7EE

#EED4C3

#DDEEC3

Tetradic

#C3C7EE

#EEC3DD

#EEEAC3

#C3EED4

Color Blindness Simulation

Original

#C3C7EE

Protanopia

#C5C5E5

Deuteranopia

#C4C4E2

Tritanopia

#C3DDDB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CBEF
300
#A0A6E4
400
#6C76D5
500
#3846C7
600
#2D389F
700
#242D7F
800
#1C2363
900
#181D49
950
#0F122E

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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