#C3C5F0

#C3C5F0

Color Values

HEX

#C3C5F0

RGB

195, 197, 240

HSL

237.3, 60.0%, 85.3%

HSV

237.3, 18.8%, 94.1%

CMYK

18.8%, 17.9%, 0.0%, 5.9%

OKLCH

0.8361 0.06 282.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C5F0

#F0EEC3

Analogous

#C3DCF0

#D7C3F0

#C3C5F0

Triadic

#C3C5F0

#F0C3C5

#C5F0C3

Split Complementary

#C3C5F0

#F0D7C3

#DCF0C3

Tetradic

#C3C5F0

#F0C3DC

#F0EEC3

#C3F0D7

Color Blindness Simulation

Original

#C3C5F0

Protanopia

#C4C4E6

Deuteranopia

#C4C4E3

Tritanopia

#C3DDDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C8F1
300
#9DA0E7
400
#686DD9
500
#333ACC
600
#292EA3
700
#212583
800
#1A1D66
900
#16194B
950
#0E102F

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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