#C3CDFA

#C3CDFA

Color Values

HEX

#C3CDFA

RGB

195, 205, 250

HSL

229,1, 84,6%, 87,3%

HSV

229,1, 22,0%, 98,0%

CMYK

22,0%, 18,0%, 0,0%, 2,0%

OKLCH

0,8556 0,0636 275,2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3CDFA

#FAF0C3

Analogous

#C3E9FA

#D5C3FA

#C3CDFA

Triadic

#C3CDFA

#FAC3CD

#CDFAC3

Split Complementary

#C3CDFA

#FAD5C3

#E9FAC3

Tetradic

#C3CDFA

#FAC3E9

#FAF0C3

#C3FAD5

Color Blindness Simulation

Original

#C3CDFA

Protanopia

#C7C7EF

Deuteranopia

#C7C6EC

Tritanopia

#C4E7E5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC8FA
300
#8EA1F6
400
#516EF0
500
#143BEB
600
#102FBC
700
#0D2697
800
#0A1D76
900
#0C1955
950
#071036

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,43: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