#C2CDF4

#C2CDF4

Color Values

HEX

#C2CDF4

RGB

194, 205, 244

HSL

226,8, 69,4%, 85,9%

HSV

226,8, 20,5%, 95,7%

CMYK

20,5%, 16,0%, 0,0%, 4,3%

OKLCH

0,8527 0,0557 272,8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C2CDF4

#F4E9C2

Analogous

#C2E6F4

#D0C2F4

#C2CDF4

Triadic

#C2CDF4

#F4C2CD

#CDF4C2

Split Complementary

#C2CDF4

#F4D0C2

#E6F4C2

Tetradic

#C2CDF4

#F4C2E6

#F4E9C2

#C2F4D0

Color Blindness Simulation

Original

#C2CDF4

Protanopia

#C7C7EB

Deuteranopia

#C6C5E8

Tritanopia

#C3E3E1

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CDF4
300
#97AAEC
400
#5F7CE2
500
#274ED8
600
#1F3EAD
700
#19328A
800
#14276C
900
#12204F
950
#0B1432

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,33:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026