#C2CDFB

#C2CDFB

Color Values

HEX

#C2CDFB

RGB

194, 205, 251

HSL

228,4, 87,7%, 87,3%

HSV

228,4, 22,7%, 98,4%

CMYK

22,7%, 18,3%, 0,0%, 1,6%

OKLCH

0,8552 0,0652 274,4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2CDFB

#FBF0C2

Analogous

#C2EAFB

#D4C2FB

#C2CDFB

Triadic

#C2CDFB

#FBC2CD

#CDFBC2

Split Complementary

#C2CDFB

#FBD4C2

#EAFBC2

Tetradic

#C2CDFB

#FBC2EA

#FBF0C2

#C2FBD4

Color Blindness Simulation

Original

#C2CDFB

Protanopia

#C7C7F0

Deuteranopia

#C6C5ED

Tritanopia

#C3E7E5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BCC8FB
300
#8CA1F7
400
#4E6EF3
500
#103BEF
600
#0D2FBF
700
#0A2699
800
#081D78
900
#0A1957
950
#061037

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

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