#C3C7EF

#C3C7EF

Color Values

HEX

#C3C7EF

RGB

195, 199, 239

HSL

234.5, 57.9%, 85.1%

HSV

234.5, 18.4%, 93.7%

CMYK

18.4%, 16.7%, 0.0%, 6.3%

OKLCH

0.8397 0.0559 280.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C7EF

#EFEBC3

Analogous

#C3DDEF

#D5C3EF

#C3C7EF

Triadic

#C3C7EF

#EFC3C7

#C7EFC3

Split Complementary

#C3C7EF

#EFD5C3

#DDEFC3

Tetradic

#C3C7EF

#EFC3DD

#EFEBC3

#C3EFD5

Color Blindness Simulation

Original

#C3C7EF

Protanopia

#C5C5E5

Deuteranopia

#C4C4E3

Tritanopia

#C3DEDC

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C7CAF0
300
#9EA5E5
400
#6A74D7
500
#3643C9
600
#2B36A1
700
#222B81
800
#1B2265
900
#171C4A
950
#0F122F

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026