#cdcff4 hex color

In a RGB color space, hex #cdcff4 is composed of 80.4% red, 81.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 15.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.9 degrees, a saturation of 63.9% and a lightness of 88%. #cdcff4 color hex could be obtained by blending #ffffff with #9b9fe9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 81
- B 96
RGB color chart
- C 16
- M 15
- Y 0
- K 4
CMYK color chart

● #cdcff4 color description : Light grayish blue.

The hexadecimal color #cdcff4 has RGB values of R:205, G:207, B:244 and CMYK values of C:0.16, M:0.15, Y:0, K:0.04. Its decimal value is 13488116.

Hex triplet	cdcff4	`#cdcff4`
RGB Decimal	205, 207, 244	`rgb(205,207,244)`
RGB Percent	80.4, 81.2, 95.7	`rgb(80.4%,81.2%,95.7%)`
CMYK	16, 15, 0, 4
HSL	236.9°, 63.9, 88	`hsl(236.9,63.9%,88%)`
HSV (or HSB)	236.9°, 16, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.036, 6.632, -18.365
XYZ	63.816, 64.136, 94.6
xyY	0.287, 0.288, 64.136
CIE-LCH	84.036, 19.526, 289.856
CIE-LUV	84.036, -3.203, -30.144
Hunter-Lab	80.085, 2.089, -13.977
Binary	11001101, 11001111, 11110100

#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#f4f2cd
```
#f4f2cd rgb(244,242,205)
```

Complementary Color

#cde3f4
```
#cde3f4 rgb(205,227,244)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#dfcdf4
```
#dfcdf4 rgb(223,205,244)
```

Analogous Color

#e3f4cd
```
#e3f4cd rgb(227,244,205)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#f4dfcd
```
#f4dfcd rgb(244,223,205)
```

Split Complementary Color

#cff4cd
```
#cff4cd rgb(207,244,205)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#f4cdcf
```
#f4cdcf rgb(244,205,207)
```

Triadic Color

#cdf4f2
```
#cdf4f2 rgb(205,244,242)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#f4cdcf
```
#f4cdcf rgb(244,205,207)
```
#f4f2cd
```
#f4f2cd rgb(244,242,205)
```

Tetradic Color

#8e93e6
```
#8e93e6 rgb(142,147,230)
```
#a3a7eb
```
#a3a7eb rgb(163,167,235)
```
#b8bbef
```
#b8bbef rgb(184,187,239)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#e2e3f9
```
#e2e3f9 rgb(226,227,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdd9f4
```
#cdd9f4 rgb(205,217,244)
```
#cdd6f4
```
#cdd6f4 rgb(205,214,244)
```
#cdd2f4
```
#cdd2f4 rgb(205,210,244)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#cecdf4
```
#cecdf4 rgb(206,205,244)
```
#d2cdf4
```
#d2cdf4 rgb(210,205,244)
```
#d5cdf4
```
#d5cdf4 rgb(213,205,244)
```

Similar Colors

Text with hexadecimal color #cdcff4

This text has a font color of #cdcff4.

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

#cdcff4 background color

This paragraph has a background color of #cdcff4.

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

#cdcff4 border color

This element has a border color of #cdcff4.

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

CSS codes

.text {color:#cdcff4;}

.background {background-color:#cdcff4;}

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

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, #03040e is the darkest color, while #fdfdff is the lightest one.

#03040e
```
#03040e rgb(3,4,14)
```
#07081e
```
#07081e rgb(7,8,30)
```
#0a0c2e
```
#0a0c2e rgb(10,12,46)
```
#0e103f
```
#0e103f rgb(14,16,63)
```
#11144f
```
#11144f rgb(17,20,79)
```
#15195f
```
#15195f rgb(21,25,95)
```
#181d6f
```
#181d6f rgb(24,29,111)
```
#1c217f
```
#1c217f rgb(28,33,127)
```
#1f258f
```
#1f258f rgb(31,37,143)
```
#23299f
```
#23299f rgb(35,41,159)
```
#272eaf
```
#272eaf rgb(39,46,175)
```
#2a32bf
```
#2a32bf rgb(42,50,191)
```
#2e36cf
```
#2e36cf rgb(46,54,207)
```

Shade Color Variation

#3c44d4
```
#3c44d4 rgb(60,68,212)
```
#4c54d8
```
#4c54d8 rgb(76,84,216)
```
#5c63db
```
#5c63db rgb(92,99,219)
```
#6d72df
```
#6d72df rgb(109,114,223)
```
#7d82e2
```
#7d82e2 rgb(125,130,226)
```
#8d91e6
```
#8d91e6 rgb(141,145,230)
```
#9da1e9
```
#9da1e9 rgb(157,161,233)
```
#adb0ed
```
#adb0ed rgb(173,176,237)
```
#bdc0f0
```
#bdc0f0 rgb(189,192,240)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#dddef8
```
#dddef8 rgb(221,222,248)
```
#edeefb
```
#edeefb rgb(237,238,251)
```
#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 #c4c7fd is the most saturated one.

#e0e0e1
```
#e0e0e1 rgb(224,224,225)
```
#dddee4
```
#dddee4 rgb(221,222,228)
```
#dbdce6
```
#dbdce6 rgb(219,220,230)
```
#d9dae8
```
#d9dae8 rgb(217,218,232)
```
#d6d7eb
```
#d6d7eb rgb(214,215,235)
```
#d4d5ed
```
#d4d5ed rgb(212,213,237)
```
#d2d3ef
```
#d2d3ef rgb(210,211,239)
```
#cfd1f2
```
#cfd1f2 rgb(207,209,242)
```
#cdcff4
```
#cdcff4 rgb(205,207,244)
```
#cbcdf6
```
#cbcdf6 rgb(203,205,246)
```
#c8cbf9
```
#c8cbf9 rgb(200,203,249)
```
#c6c9fb
```
#c6c9fb rgb(198,201,251)
```
#c4c7fd
```
#c4c7fd rgb(196,199,253)
```

Tone Color Variation

Below, you can see how #cdcff4 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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d2da Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd2f5 Protanopia 1% of men
#d6cff5 Deuteranopia 1% of men
#ccd4e3 Tritanopia 0.001% of the population

Trichromacy

#ccd1f4 Protanomaly 1% of men, 0.01% of women
#d3cff4 Deuteranomaly 6% of men, 0.4% of women
#ccd2e9 Tritanomaly 0.01% of the population

#cdcff4 hex color

#cdcff4 Color Information

#cdcff4 Color Conversion

Color Schemes with #cdcff4

Alternatives to #cdcff4

#cdcff4 Preview

Shades and Tints of #cdcff4

Tones of #cdcff4

Color Blindness Simulator