#ccd1fa hex color

In a RGB color space, hex #ccd1fa is composed of 80% red, 82% green and 98% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 16.4% magenta, 0% yellow and 2% black. It has a hue angle of 233.5 degrees, a saturation of 82.1% and a lightness of 89%. #ccd1fa color hex could be obtained by blending #ffffff with #99a3f5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 82
- B 98
RGB color chart
- C 18
- M 16
- Y 0
- K 2
CMYK color chart

● #ccd1fa color description : Light grayish blue.

The hexadecimal color #ccd1fa has RGB values of R:204, G:209, B:250 and CMYK values of C:0.18, M:0.16, Y:0, K:0.02. Its decimal value is 13423098.

Hex triplet	ccd1fa	`#ccd1fa`
RGB Decimal	204, 209, 250	`rgb(204,209,250)`
RGB Percent	80, 82, 98	`rgb(80%,82%,98%)`
CMYK	18, 16, 0, 2
HSL	233.5°, 82.1, 89	`hsl(233.5,82.1%,89%)`
HSV (or HSB)	233.5°, 18.4, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.659, 6.54, -20.615
XYZ	64.954, 65.34, 99.627
xyY	0.283, 0.284, 65.34
CIE-LCH	84.659, 21.627, 287.601
CIE-LUV	84.659, -4.968, -33.865
Hunter-Lab	80.833, 1.978, -16.492
Binary	11001100, 11010001, 11111010

#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#faf5cc
```
#faf5cc rgb(250,245,204)
```

Complementary Color

#cce8fa
```
#cce8fa rgb(204,232,250)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#deccfa
```
#deccfa rgb(222,204,250)
```

Analogous Color

#e8facc
```
#e8facc rgb(232,250,204)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#fadecc
```
#fadecc rgb(250,222,204)
```

Split Complementary Color

#d1facc
```
#d1facc rgb(209,250,204)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#faccd1
```
#faccd1 rgb(250,204,209)
```

Triadic Color

#ccfaf5
```
#ccfaf5 rgb(204,250,245)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#faccd1
```
#faccd1 rgb(250,204,209)
```
#faf5cc
```
#faf5cc rgb(250,245,204)
```

Tetradic Color

#8692f3
```
#8692f3 rgb(134,146,243)
```
#9ea7f5
```
#9ea7f5 rgb(158,167,245)
```
#b5bcf8
```
#b5bcf8 rgb(181,188,248)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#e3e6fc
```
#e3e6fc rgb(227,230,252)
```
#fafbff
```
#fafbff rgb(250,251,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccddfa
```
#ccddfa rgb(204,221,250)
```
#ccd9fa
```
#ccd9fa rgb(204,217,250)
```
#ccd5fa
```
#ccd5fa rgb(204,213,250)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#cccdfa
```
#cccdfa rgb(204,205,250)
```
#cfccfa
```
#cfccfa rgb(207,204,250)
```
#d3ccfa
```
#d3ccfa rgb(211,204,250)
```

Similar Colors

Text with hexadecimal color #ccd1fa

This text has a font color of #ccd1fa.

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

#ccd1fa background color

This paragraph has a background color of #ccd1fa.

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

#ccd1fa border color

This element has a border color of #ccd1fa.

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

CSS codes

.text {color:#ccd1fa;}

.background {background-color:#ccd1fa;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020414
```
#020414 rgb(2,4,20)
```
#040826
```
#040826 rgb(4,8,38)
```
#060b38
```
#060b38 rgb(6,11,56)
```
#070f4a
```
#070f4a rgb(7,15,74)
```
#09125c
```
#09125c rgb(9,18,92)
```
#0b166e
```
#0b166e rgb(11,22,110)
```
#0d1980
```
#0d1980 rgb(13,25,128)
```
#0e1d92
```
#0e1d92 rgb(14,29,146)
```
#1020a3
```
#1020a3 rgb(16,32,163)
```
#1224b5
```
#1224b5 rgb(18,36,181)
```
#1427c7
```
#1427c7 rgb(20,39,199)
```
#152bd9
```
#152bd9 rgb(21,43,217)
```

Shade Color Variation

#1930e8
```
#1930e8 rgb(25,48,232)
```
#2b40ea
```
#2b40ea rgb(43,64,234)
```
#3d50ec
```
#3d50ec rgb(61,80,236)
```
#4f60ee
```
#4f60ee rgb(79,96,238)
```
#6170ef
```
#6170ef rgb(97,112,239)
```
#7380f1
```
#7380f1 rgb(115,128,241)
```
#8591f3
```
#8591f3 rgb(133,145,243)
```
#96a1f5
```
#96a1f5 rgb(150,161,245)
```
#a8b1f6
```
#a8b1f6 rgb(168,177,246)
```
#bac1f8
```
#bac1f8 rgb(186,193,248)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#dee1fc
```
#dee1fc rgb(222,225,252)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#e2e2e4
```
#e2e2e4 rgb(226,226,228)
```
#dfe0e7
```
#dfe0e7 rgb(223,224,231)
```
#dddee9
```
#dddee9 rgb(221,222,233)
```
#dbddeb
```
#dbddeb rgb(219,221,235)
```
#d9dbed
```
#d9dbed rgb(217,219,237)
```
#d7d9ef
```
#d7d9ef rgb(215,217,239)
```
#d5d8f1
```
#d5d8f1 rgb(213,216,241)
```
#d2d6f4
```
#d2d6f4 rgb(210,214,244)
```
#d0d4f6
```
#d0d4f6 rgb(208,212,246)
```
#ced3f8
```
#ced3f8 rgb(206,211,248)
```
#ccd1fa
```
#ccd1fa rgb(204,209,250)
```
#cacffc
```
#cacffc rgb(202,207,252)
```
#c8cefe
```
#c8cefe rgb(200,206,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2d3dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd3fa Protanopia 1% of men
#d5d1fb Deuteranopia 1% of men
#cad6e6 Tritanopia 0.001% of the population

Trichromacy

#ccd2fa Protanomaly 1% of men, 0.01% of women
#d2d1fa Deuteranomaly 6% of men, 0.4% of women
#cad4ed Tritanomaly 0.01% of the population

#ccd1fa hex color

#ccd1fa Color Information

#ccd1fa Color Conversion

Color Schemes with #ccd1fa

Alternatives to #ccd1fa

#ccd1fa Preview

Shades and Tints of #ccd1fa

Tones of #ccd1fa

Color Blindness Simulator