#ccdaf0 hex color

In a RGB color space, hex #ccdaf0 is composed of 80% red, 85.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 9.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 216.7 degrees, a saturation of 54.5% and a lightness of 87.1%. #ccdaf0 color hex could be obtained by blending #ffffff with #99b5e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 85
- B 94
RGB color chart
- C 15
- M 9
- Y 0
- K 6
CMYK color chart

● #ccdaf0 color description : Light grayish blue.

The hexadecimal color #ccdaf0 has RGB values of R:204, G:218, B:240 and CMYK values of C:0.15, M:0.09, Y:0, K:0.06. Its decimal value is 13425392.

Hex triplet	ccdaf0	`#ccdaf0`
RGB Decimal	204, 218, 240	`rgb(204,218,240)`
RGB Percent	80, 85.5, 94.1	`rgb(80%,85.5%,94.1%)`
CMYK	15, 9, 0, 6
HSL	216.7°, 54.5, 87.1	`hsl(216.7,54.5%,87.1%)`
HSV (or HSB)	216.7°, 15, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.638, -0.317, -12.35
XYZ	65.698, 69.271, 92.343
xyY	0.289, 0.305, 69.271
CIE-LCH	86.638, 12.354, 268.53
CIE-LUV	86.638, -8.623, -19.322
Hunter-Lab	83.229, -4.749, -7.522
Binary	11001100, 11011010, 11110000

#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#f0e2cc
```
#f0e2cc rgb(240,226,204)
```

Complementary Color

#ccecf0
```
#ccecf0 rgb(204,236,240)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#d0ccf0
```
#d0ccf0 rgb(208,204,240)
```

Analogous Color

#ecf0cc
```
#ecf0cc rgb(236,240,204)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#f0d0cc
```
#f0d0cc rgb(240,208,204)
```

Split Complementary Color

#daf0cc
```
#daf0cc rgb(218,240,204)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#f0ccda
```
#f0ccda rgb(240,204,218)
```

Triadic Color

#ccf0e2
```
#ccf0e2 rgb(204,240,226)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#f0ccda
```
#f0ccda rgb(240,204,218)
```
#f0e2cc
```
#f0e2cc rgb(240,226,204)
```

Tetradic Color

#91afdf
```
#91afdf rgb(145,175,223)
```
#a5bde4
```
#a5bde4 rgb(165,189,228)
```
#b8ccea
```
#b8ccea rgb(184,204,234)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#e0e8f6
```
#e0e8f6 rgb(224,232,246)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce3f0
```
#cce3f0 rgb(204,227,240)
```
#cce0f0
```
#cce0f0 rgb(204,224,240)
```
#ccddf0
```
#ccddf0 rgb(204,221,240)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#ccd7f0
```
#ccd7f0 rgb(204,215,240)
```
#ccd4f0
```
#ccd4f0 rgb(204,212,240)
```
#ccd1f0
```
#ccd1f0 rgb(204,209,240)
```

Similar Colors

Text with hexadecimal color #ccdaf0

This text has a font color of #ccdaf0.

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

#ccdaf0 background color

This paragraph has a background color of #ccdaf0.

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

#ccdaf0 border color

This element has a border color of #ccdaf0.

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

CSS codes

.text {color:#ccdaf0;}

.background {background-color:#ccdaf0;}

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

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, #03050a is the darkest color, while #f9fbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1728
```
#0c1728 rgb(12,23,40)
```
#101f37
```
#101f37 rgb(16,31,55)
```
#152846
```
#152846 rgb(21,40,70)
```
#193155
```
#193155 rgb(25,49,85)
```
#1e3965
```
#1e3965 rgb(30,57,101)
```
#224274
```
#224274 rgb(34,66,116)
```
#264a83
```
#264a83 rgb(38,74,131)
```
#2b5392
```
#2b5392 rgb(43,83,146)
```
#2f5ca1
```
#2f5ca1 rgb(47,92,161)
```
#3464b0
```
#3464b0 rgb(52,100,176)
```
#386dc0
```
#386dc0 rgb(56,109,192)
```

Shade Color Variation

#4477c8
```
#4477c8 rgb(68,119,200)
```
#5382cc
```
#5382cc rgb(83,130,204)
```
#628dd1
```
#628dd1 rgb(98,141,209)
```
#7198d5
```
#7198d5 rgb(113,152,213)
```
#80a3da
```
#80a3da rgb(128,163,218)
```
#8faede
```
#8faede rgb(143,174,222)
```
#9fb9e3
```
#9fb9e3 rgb(159,185,227)
```
#aec4e7
```
#aec4e7 rgb(174,196,231)
```
#bdcfec
```
#bdcfec rgb(189,207,236)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#dbe5f4
```
#dbe5f4 rgb(219,229,244)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#dedede
```
#dedede rgb(222,222,222)
```
#dbdde1
```
#dbdde1 rgb(219,221,225)
```
#d9dde3
```
#d9dde3 rgb(217,221,227)
```
#d6dce6
```
#d6dce6 rgb(214,220,230)
```
#d4dce8
```
#d4dce8 rgb(212,220,232)
```
#d1dbeb
```
#d1dbeb rgb(209,219,235)
```
#cfdbed
```
#cfdbed rgb(207,219,237)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#c9d9f3
```
#c9d9f3 rgb(201,217,243)
```
#c7d9f5
```
#c7d9f5 rgb(199,217,245)
```
#c4d8f8
```
#c4d8f8 rgb(196,216,248)
```
#c2d8fa
```
#c2d8fa rgb(194,216,250)
```
#bfd7fd
```
#bfd7fd rgb(191,215,253)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6d8dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d9ef Protanopia 1% of men
#e3d5f2 Deuteranopia 1% of men
#cddcec Tritanopia 0.001% of the population

Trichromacy

#d3d9ef Protanomaly 1% of men, 0.01% of women
#dad7f1 Deuteranomaly 6% of men, 0.4% of women
#cddbed Tritanomaly 0.01% of the population

#ccdaf0 hex color

#ccdaf0 Color Information

#ccdaf0 Color Conversion

Color Schemes with #ccdaf0

Alternatives to #ccdaf0

#ccdaf0 Preview

Shades and Tints of #ccdaf0

Tones of #ccdaf0

Color Blindness Simulator