#CACFED

#CACFED

Color Values

HEX

#CACFED

RGB

202, 207, 237

HSL

231.4, 49.3%, 86.1%

HSV

231.4, 14.8%, 92.9%

CMYK

14.8%, 12.7%, 0.0%, 7.1%

OKLCH

0.8601 0.0419 278.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CACFED

#EDE8CA

Analogous

#CAE1ED

#D7CAED

#CACFED

Triadic

#CACFED

#EDCACF

#CFEDCA

Split Complementary

#CACFED

#EDD7CA

#E1EDCA

Tetradic

#CACFED

#EDCAE1

#EDE8CA

#CAEDD7

Color Blindness Simulation

Original

#CACFED

Protanopia

#CCCCE6

Deuteranopia

#CCCBE4

Tritanopia

#CAE0DF

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CACFED
300
#A4ACE0
400
#727FCF
500
#4153BE
600
#344298
700
#29357A
800
#20295F
900
#1B2146
950
#11152C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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