#c4cafd hex color

In a RGB color space, hex #c4cafd is composed of 76.9% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 233.7 degrees, a saturation of 93.4% and a lightness of 88%. #c4cafd color hex could be obtained by blending #ffffff with #8995fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 79
- B 99
RGB color chart
- C 23
- M 20
- Y 0
- K 1
CMYK color chart

● #c4cafd color description : Very soft blue.

The hexadecimal color #c4cafd has RGB values of R:196, G:202, B:253 and CMYK values of C:0.23, M:0.2, Y:0, K:0.01. Its decimal value is 12897021.

Hex triplet	c4cafd	`#c4cafd`
RGB Decimal	196, 202, 253	`rgb(196,202,253)`
RGB Percent	76.9, 79.2, 99.2	`rgb(76.9%,79.2%,99.2%)`
CMYK	23, 20, 0, 1
HSL	233.7°, 93.4, 88	`hsl(233.7,93.4%,88%)`
HSV (or HSB)	233.7°, 22.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.415, 8.521, -25.669
XYZ	61.612, 61.068, 101.464
xyY	0.275, 0.272, 61.068
CIE-LCH	82.415, 27.046, 288.364
CIE-LUV	82.415, -6.008, -42.46
Hunter-Lab	78.146, 3.977, -22.28
Binary	11000100, 11001010, 11111101

#c4cafd
```
#c4cafd rgb(196,202,253)
```
#fdf7c4
```
#fdf7c4 rgb(253,247,196)
```

Complementary Color

#c4e7fd
```
#c4e7fd rgb(196,231,253)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#dbc4fd
```
#dbc4fd rgb(219,196,253)
```

Analogous Color

#e7fdc4
```
#e7fdc4 rgb(231,253,196)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#fddbc4
```
#fddbc4 rgb(253,219,196)
```

Split Complementary Color

#cafdc4
```
#cafdc4 rgb(202,253,196)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#fdc4ca
```
#fdc4ca rgb(253,196,202)
```

Triadic Color

#c4fdf7
```
#c4fdf7 rgb(196,253,247)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#fdc4ca
```
#fdc4ca rgb(253,196,202)
```
#fdf7c4
```
#fdf7c4 rgb(253,247,196)
```

Tetradic Color

#7a88fa
```
#7a88fa rgb(122,136,250)
```
#939efb
```
#939efb rgb(147,158,251)
```
#abb4fc
```
#abb4fc rgb(171,180,252)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#dde0fe
```
#dde0fe rgb(221,224,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #c4cafd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c4d8fd
```
#c4d8fd rgb(196,216,253)
```
#c4d4fd
```
#c4d4fd rgb(196,212,253)
```
#c4cffd
```
#c4cffd rgb(196,207,253)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#c4c5fd
```
#c4c5fd rgb(196,197,253)
```
#c8c4fd
```
#c8c4fd rgb(200,196,253)
```
#ccc4fd
```
#ccc4fd rgb(204,196,253)
```

Similar Colors

Text with hexadecimal color #c4cafd

This text has a font color of #c4cafd.

<span style="color:#c4cafd;">Text here</span>

#c4cafd background color

This paragraph has a background color of #c4cafd.

<p style="background-color:#c4cafd;">Content here</p>

#c4cafd border color

This element has a border color of #c4cafd.

<div style="border:1px solid #c4cafd;">Content here</div>

CSS codes

.text {color:#c4cafd;}

.background {background-color:#c4cafd;}

.border {border:1px solid #c4cafd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010211 is the darkest color, while #fdfdff is the lightest one.

#010211
```
#010211 rgb(1,2,17)
```
#010524
```
#010524 rgb(1,5,36)
```
#020737
```
#020737 rgb(2,7,55)
```
#030a4a
```
#030a4a rgb(3,10,74)
```
#030d5d
```
#030d5d rgb(3,13,93)
```
#040f70
```
#040f70 rgb(4,15,112)
```
#041283
```
#041283 rgb(4,18,131)
```
#051496
```
#051496 rgb(5,20,150)
```
#0617a9
```
#0617a9 rgb(6,23,169)
```
#0619bc
```
#0619bc rgb(6,25,188)
```
#071ccf
```
#071ccf rgb(7,28,207)
```
#081fe2
```
#081fe2 rgb(8,31,226)
```
#0821f5
```
#0821f5 rgb(8,33,245)
```

Shade Color Variation

#1931f7
```
#1931f7 rgb(25,49,247)
```
#2c42f8
```
#2c42f8 rgb(44,66,248)
```
#3f53f8
```
#3f53f8 rgb(63,83,248)
```
#5264f9
```
#5264f9 rgb(82,100,249)
```
#6575fa
```
#6575fa rgb(101,117,250)
```
#7886fa
```
#7886fa rgb(120,134,250)
```
#8b97fb
```
#8b97fb rgb(139,151,251)
```
#9ea8fc
```
#9ea8fc rgb(158,168,252)
```
#b1b9fc
```
#b1b9fc rgb(177,185,252)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```
#d7dbfe
```
#d7dbfe rgb(215,219,254)
```
#eaecfe
```
#eaecfe rgb(234,236,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #e0e0e1 is the less saturated color, while #c4cafd is the most saturated one.

#e0e0e1
```
#e0e0e1 rgb(224,224,225)
```
#dedee3
```
#dedee3 rgb(222,222,227)
```
#dbdde6
```
#dbdde6 rgb(219,221,230)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#d7d9ea
```
#d7d9ea rgb(215,217,234)
```
#d4d7ed
```
#d4d7ed rgb(212,215,237)
```
#d2d5ef
```
#d2d5ef rgb(210,213,239)
```
#d0d3f1
```
#d0d3f1 rgb(208,211,241)
```
#cdd1f4
```
#cdd1f4 rgb(205,209,244)
```
#cbd0f6
```
#cbd0f6 rgb(203,208,246)
```
#c9cef8
```
#c9cef8 rgb(201,206,248)
```
#c6ccfb
```
#c6ccfb rgb(198,204,251)
```
#c4cafd
```
#c4cafd rgb(196,202,253)
```

Tone Color Variation

Below, you can see how #c4cafd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cecece Achromatopsia 0.005% of the population
#cccdd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cdfd Protanopia 1% of men
#cacbfd Deuteranopia 1% of men
#c0d2e1 Tritanopia 0.001% of the population

Trichromacy

#c3ccfd Protanomaly 1% of men, 0.01% of women
#c7cbfd Deuteranomaly 6% of men, 0.4% of women
#c1cfeb Tritanomaly 0.01% of the population

#c4cafd hex color

#c4cafd Color Information

#c4cafd Color Conversion

Color Schemes with #c4cafd

Alternatives to #c4cafd

#c4cafd Preview

Shades and Tints of #c4cafd

Tones of #c4cafd

Color Blindness Simulator