#ccdfed hex color

In a RGB color space, hex #ccdfed is composed of 80% red, 87.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 5.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.5 degrees, a saturation of 47.8% and a lightness of 86.5%. #ccdfed color hex could be obtained by blending #ffffff with #99bfdb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 87
- B 93
RGB color chart
- C 14
- M 6
- Y 0
- K 7
CMYK color chart

● #ccdfed color description : Light grayish blue.

The hexadecimal color #ccdfed has RGB values of R:204, G:223, B:237 and CMYK values of C:0.14, M:0.06, Y:0, K:0.07. Its decimal value is 13426669.

Hex triplet	ccdfed	`#ccdfed`
RGB Decimal	204, 223, 237	`rgb(204,223,237)`
RGB Percent	80, 87.5, 92.9	`rgb(80%,87.5%,92.9%)`
CMYK	14, 6, 0, 7
HSL	205.5°, 47.8, 86.5	`hsl(205.5,47.8%,86.5%)`
HSV (or HSB)	205.5°, 13.9, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.837, -3.532, -8.983
XYZ	66.572, 71.726, 90.453
xyY	0.291, 0.314, 71.726
CIE-LCH	87.837, 9.652, 248.537
CIE-LUV	87.837, -10.84, -13.415
Hunter-Lab	84.691, -7.898, -4.04
Binary	11001100, 11011111, 11101101

#ccdfed
```
#ccdfed rgb(204,223,237)
```
#eddacc
```
#eddacc rgb(237,218,204)
```

Complementary Color

#ccedeb
```
#ccedeb rgb(204,237,235)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#cccfed
```
#cccfed rgb(204,207,237)
```

Analogous Color

#edebcc
```
#edebcc rgb(237,235,204)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#edcccf
```
#edcccf rgb(237,204,207)
```

Split Complementary Color

#dfedcc
```
#dfedcc rgb(223,237,204)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#edccdf
```
#edccdf rgb(237,204,223)
```

Triadic Color

#ccedda
```
#ccedda rgb(204,237,218)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#edccdf
```
#edccdf rgb(237,204,223)
```
#eddacc
```
#eddacc rgb(237,218,204)
```

Tetradic Color

#93bcd9
```
#93bcd9 rgb(147,188,217)
```
#a6c7e0
```
#a6c7e0 rgb(166,199,224)
```
#b9d3e6
```
#b9d3e6 rgb(185,211,230)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#dfebf4
```
#dfebf4 rgb(223,235,244)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce7ed
```
#cce7ed rgb(204,231,237)
```
#cce5ed
```
#cce5ed rgb(204,229,237)
```
#cce2ed
```
#cce2ed rgb(204,226,237)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#ccdced
```
#ccdced rgb(204,220,237)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#ccd7ed
```
#ccd7ed rgb(204,215,237)
```

Similar Colors

Text with hexadecimal color #ccdfed

This text has a font color of #ccdfed.

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

#ccdfed background color

This paragraph has a background color of #ccdfed.

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

#ccdfed border color

This element has a border color of #ccdfed.

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

CSS codes

.text {color:#ccdfed;}

.background {background-color:#ccdfed;}

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

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, #020507 is the darkest color, while #f7fafc is the lightest one.

#020507
```
#020507 rgb(2,5,7)
```
#081015
```
#081015 rgb(8,16,21)
```
#0d1a24
```
#0d1a24 rgb(13,26,36)
```
#122532
```
#122532 rgb(18,37,50)
```
#172f41
```
#172f41 rgb(23,47,65)
```
#1c3a4f
```
#1c3a4f rgb(28,58,79)
```
#21445e
```
#21445e rgb(33,68,94)
```
#264f6c
```
#264f6c rgb(38,79,108)
```
#2b597b
```
#2b597b rgb(43,89,123)
```
#316489
```
#316489 rgb(49,100,137)
```
#366e98
```
#366e98 rgb(54,110,152)
```
#3b79a6
```
#3b79a6 rgb(59,121,166)
```
#4083b5
```
#4083b5 rgb(64,131,181)
```

Shade Color Variation

#4a8dbf
```
#4a8dbf rgb(74,141,191)
```
#5896c4
```
#5896c4 rgb(88,150,196)
```
#679fc9
```
#679fc9 rgb(103,159,201)
```
#75a8ce
```
#75a8ce rgb(117,168,206)
```
#84b2d3
```
#84b2d3 rgb(132,178,211)
```
#92bbd9
```
#92bbd9 rgb(146,187,217)
```
#a1c4de
```
#a1c4de rgb(161,196,222)
```
#afcde3
```
#afcde3 rgb(175,205,227)
```
#bed6e8
```
#bed6e8 rgb(190,214,232)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#dae8f2
```
#dae8f2 rgb(218,232,242)
```
#e9f1f7
```
#e9f1f7 rgb(233,241,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#dcdddd
```
#dcdddd rgb(220,221,221)
```
#d9dde0
```
#d9dde0 rgb(217,221,224)
```
#d7dde2
```
#d7dde2 rgb(215,221,226)
```
#d4dee5
```
#d4dee5 rgb(212,222,229)
```
#d1dee8
```
#d1dee8 rgb(209,222,232)
```
#cfdfea
```
#cfdfea rgb(207,223,234)
```
#ccdfed
```
#ccdfed rgb(204,223,237)
```
#c9dff0
```
#c9dff0 rgb(201,223,240)
```
#c7e0f2
```
#c7e0f2 rgb(199,224,242)
```
#c4e0f5
```
#c4e0f5 rgb(196,224,245)
```
#c1e1f8
```
#c1e1f8 rgb(193,225,248)
```
#bfe1fa
```
#bfe1fa rgb(191,225,250)
```
#bce1fd
```
#bce1fd rgb(188,225,253)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8dcdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddceb Protanopia 1% of men
#e9d8f0 Deuteranopia 1% of men
#cfe0f0 Tritanopia 0.001% of the population

Trichromacy

#d7ddec Protanomaly 1% of men, 0.01% of women
#dedaef Deuteranomaly 6% of men, 0.4% of women
#cedfef Tritanomaly 0.01% of the population

#ccdfed hex color

#ccdfed Color Information

#ccdfed Color Conversion

Color Schemes with #ccdfed

Alternatives to #ccdfed

#ccdfed Preview

Shades and Tints of #ccdfed

Tones of #ccdfed

Color Blindness Simulator