#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026