#c4cfdc hex color

In a RGB color space, hex #c4cfdc is composed of 76.9% red, 81.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 5.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 212.5 degrees, a saturation of 25.5% and a lightness of 81.6%. #c4cfdc color hex could be obtained by blending #ffffff with #899fb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 81
- B 86
RGB color chart
- C 11
- M 6
- Y 0
- K 14
CMYK color chart

● #c4cfdc color description : Light grayish blue.

The hexadecimal color #c4cfdc has RGB values of R:196, G:207, B:220 and CMYK values of C:0.11, M:0.06, Y:0, K:0.14. Its decimal value is 12898268.

Hex triplet	c4cfdc	`#c4cfdc`
RGB Decimal	196, 207, 220	`rgb(196,207,220)`
RGB Percent	76.9, 81.2, 86.3	`rgb(76.9%,81.2%,86.3%)`
CMYK	11, 6, 0, 14
HSL	212.5°, 25.5, 81.6	`hsl(212.5,25.5%,81.6%)`
HSV (or HSB)	212.5°, 10.9, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.662, -1.184, -7.714
XYZ	57.993, 61.528, 76.527
xyY	0.296, 0.314, 61.528
CIE-LCH	82.662, 7.804, 261.272
CIE-LUV	82.662, -6.667, -11.688
Hunter-Lab	78.44, -5.298, -2.936
Binary	11000100, 11001111, 11011100

#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#dcd1c4
```
#dcd1c4 rgb(220,209,196)
```

Complementary Color

#c4dbdc
```
#c4dbdc rgb(196,219,220)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#c5c4dc
```
#c5c4dc rgb(197,196,220)
```

Analogous Color

#dbdcc4
```
#dbdcc4 rgb(219,220,196)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#dcc5c4
```
#dcc5c4 rgb(220,197,196)
```

Split Complementary Color

#cfdcc4
```
#cfdcc4 rgb(207,220,196)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#dcc4cf
```
#dcc4cf rgb(220,196,207)
```

Triadic Color

#c4dcd1
```
#c4dcd1 rgb(196,220,209)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#dcc4cf
```
#dcc4cf rgb(220,196,207)
```
#dcd1c4
```
#dcd1c4 rgb(220,209,196)
```

Tetradic Color

#94a8c0
```
#94a8c0 rgb(148,168,192)
```
#a4b5c9
```
#a4b5c9 rgb(164,181,201)
```
#b4c2d3
```
#b4c2d3 rgb(180,194,211)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#d4dce5
```
#d4dce5 rgb(212,220,229)
```
#e4e9ef
```
#e4e9ef rgb(228,233,239)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Monochromatic Color

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

#c4d5dc
```
#c4d5dc rgb(196,213,220)
```
#c4d3dc
```
#c4d3dc rgb(196,211,220)
```
#c4d1dc
```
#c4d1dc rgb(196,209,220)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#c4cddc
```
#c4cddc rgb(196,205,220)
```
#c4cbdc
```
#c4cbdc rgb(196,203,220)
```
#c4c9dc
```
#c4c9dc rgb(196,201,220)
```

Similar Colors

Text with hexadecimal color #c4cfdc

This text has a font color of #c4cfdc.

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

#c4cfdc background color

This paragraph has a background color of #c4cfdc.

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

#c4cfdc border color

This element has a border color of #c4cfdc.

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

CSS codes

.text {color:#c4cfdc;}

.background {background-color:#c4cfdc;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090c0f
```
#090c0f rgb(9,12,15)
```
#10151b
```
#10151b rgb(16,21,27)
```
#171f27
```
#171f27 rgb(23,31,39)
```
#1f2834
```
#1f2834 rgb(31,40,52)
```
#263240
```
#263240 rgb(38,50,64)
```
#2d3c4c
```
#2d3c4c rgb(45,60,76)
```
#354559
```
#354559 rgb(53,69,89)
```
#3c4f65
```
#3c4f65 rgb(60,79,101)
```
#435871
```
#435871 rgb(67,88,113)
```
#4b627e
```
#4b627e rgb(75,98,126)
```
#526c8a
```
#526c8a rgb(82,108,138)
```
#597596
```
#597596 rgb(89,117,150)
```

Shade Color Variation

#627fa2
```
#627fa2 rgb(98,127,162)
```
#6e89a9
```
#6e89a9 rgb(110,137,169)
```
#7a93b0
```
#7a93b0 rgb(122,147,176)
```
#869db7
```
#869db7 rgb(134,157,183)
```
#93a7bf
```
#93a7bf rgb(147,167,191)
```
#9fb1c6
```
#9fb1c6 rgb(159,177,198)
```
#abbbcd
```
#abbbcd rgb(171,187,205)
```
#b8c5d5
```
#b8c5d5 rgb(184,197,213)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#d0d9e3
```
#d0d9e3 rgb(208,217,227)
```
#dde3eb
```
#dde3eb rgb(221,227,235)
```
#e9edf2
```
#e9edf2 rgb(233,237,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#cfd0d1
```
#cfd0d1 rgb(207,208,209)
```
#cbd0d5
```
#cbd0d5 rgb(203,208,213)
```
#c8cfd8
```
#c8cfd8 rgb(200,207,216)
```
#c4cfdc
```
#c4cfdc rgb(196,207,220)
```
#c0cfe0
```
#c0cfe0 rgb(192,207,224)
```
#bdcee3
```
#bdcee3 rgb(189,206,227)
```
#b9cee7
```
#b9cee7 rgb(185,206,231)
```
#b6ceea
```
#b6ceea rgb(182,206,234)
```
#b2cdee
```
#b2cdee rgb(178,205,238)
```
#aecdf2
```
#aecdf2 rgb(174,205,242)
```
#abcdf5
```
#abcdf5 rgb(171,205,245)
```
#a7cdf9
```
#a7cdf9 rgb(167,205,249)
```
#a3ccfd
```
#a3ccfd rgb(163,204,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cbcdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cfdc Protanopia 1% of men
#dccae0 Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

#cbcfdc Protanomaly 1% of men, 0.01% of women
#d3ccde Deuteranomaly 6% of men, 0.4% of women
#c6d0de Tritanomaly 0.01% of the population

#c4cfdc hex color

#c4cfdc Color Information

#c4cfdc Color Conversion

Color Schemes with #c4cfdc

Alternatives to #c4cfdc

#c4cfdc Preview

Shades and Tints of #c4cfdc

Tones of #c4cfdc

Color Blindness Simulator