#c4d5fc hex color

In a RGB color space, hex #c4d5fc is composed of 76.9% red, 83.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 15.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 221.8 degrees, a saturation of 90.3% and a lightness of 87.8%. #c4d5fc color hex could be obtained by blending #ffffff with #89abf9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 84
- B 99
RGB color chart
- C 22
- M 15
- Y 0
- K 1
CMYK color chart

● #c4d5fc color description : Very soft blue.

The hexadecimal color #c4d5fc has RGB values of R:196, G:213, B:252 and CMYK values of C:0.22, M:0.15, Y:0, K:0.01. Its decimal value is 12899836.

Hex triplet	c4d5fc	`#c4d5fc`
RGB Decimal	196, 213, 252	`rgb(196,213,252)`
RGB Percent	76.9, 83.5, 98.8	`rgb(76.9%,83.5%,98.8%)`
CMYK	22, 15, 0, 1
HSL	221.8°, 90.3, 87.8	`hsl(221.8,90.3%,87.8%)`
HSV (or HSB)	221.8°, 22.2, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.175, 2.433, -20.945
XYZ	64.126, 66.351, 101.519
xyY	0.276, 0.286, 66.351
CIE-LCH	85.175, 21.086, 276.625
CIE-LUV	85.175, -10.829, -33.793
Hunter-Lab	81.456, -2.025, -16.873
Binary	11000100, 11010101, 11111100

#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#fcebc4
```
#fcebc4 rgb(252,235,196)
```

Complementary Color

#c4f1fc
```
#c4f1fc rgb(196,241,252)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#cfc4fc
```
#cfc4fc rgb(207,196,252)
```

Analogous Color

#f1fcc4
```
#f1fcc4 rgb(241,252,196)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#fccfc4
```
#fccfc4 rgb(252,207,196)
```

Split Complementary Color

#d5fcc4
```
#d5fcc4 rgb(213,252,196)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#fcc4d5
```
#fcc4d5 rgb(252,196,213)
```

Triadic Color

#c4fceb
```
#c4fceb rgb(196,252,235)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#fcc4d5
```
#fcc4d5 rgb(252,196,213)
```
#fcebc4
```
#fcebc4 rgb(252,235,196)
```

Tetradic Color

#7ba1f8
```
#7ba1f8 rgb(123,161,248)
```
#93b2fa
```
#93b2fa rgb(147,178,250)
```
#acc4fb
```
#acc4fb rgb(172,196,251)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#dce6fd
```
#dce6fd rgb(220,230,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c4e3fc
```
#c4e3fc rgb(196,227,252)
```
#c4defc
```
#c4defc rgb(196,222,252)
```
#c4dafc
```
#c4dafc rgb(196,218,252)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#c4d0fc
```
#c4d0fc rgb(196,208,252)
```
#c4ccfc
```
#c4ccfc rgb(196,204,252)
```
#c4c7fc
```
#c4c7fc rgb(196,199,252)
```

Similar Colors

Text with hexadecimal color #c4d5fc

This text has a font color of #c4d5fc.

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

#c4d5fc background color

This paragraph has a background color of #c4d5fc.

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

#c4d5fc border color

This element has a border color of #c4d5fc.

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

CSS codes

.text {color:#c4d5fc;}

.background {background-color:#c4d5fc;}

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

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

#010510
```
#010510 rgb(1,5,16)
```
#020c22
```
#020c22 rgb(2,12,34)
```
#031235
```
#031235 rgb(3,18,53)
```
#041848
```
#041848 rgb(4,24,72)
```
#051f5a
```
#051f5a rgb(5,31,90)
```
#06256d
```
#06256d rgb(6,37,109)
```
#062b80
```
#062b80 rgb(6,43,128)
```
#073292
```
#073292 rgb(7,50,146)
```
#0838a5
```
#0838a5 rgb(8,56,165)
```
#093eb8
```
#093eb8 rgb(9,62,184)
```
#0a45ca
```
#0a45ca rgb(10,69,202)
```
#0b4bdd
```
#0b4bdd rgb(11,75,221)
```
#0c51f0
```
#0c51f0 rgb(12,81,240)
```

Shade Color Variation

#1c5df3
```
#1c5df3 rgb(28,93,243)
```
#2f6bf4
```
#2f6bf4 rgb(47,107,244)
```
#4178f5
```
#4178f5 rgb(65,120,245)
```
#5485f6
```
#5485f6 rgb(84,133,246)
```
#6793f7
```
#6793f7 rgb(103,147,247)
```
#79a0f8
```
#79a0f8 rgb(121,160,248)
```
#8cadf9
```
#8cadf9 rgb(140,173,249)
```
#9fbafa
```
#9fbafa rgb(159,186,250)
```
#b1c8fb
```
#b1c8fb rgb(177,200,251)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#d7e2fd
```
#d7e2fd rgb(215,226,253)
```
#e9f0fe
```
#e9f0fe rgb(233,240,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#dedfe2
```
#dedfe2 rgb(222,223,226)
```
#dcdee4
```
#dcdee4 rgb(220,222,228)
```
#d9dde7
```
#d9dde7 rgb(217,221,231)
```
#d7dce9
```
#d7dce9 rgb(215,220,233)
```
#d5dceb
```
#d5dceb rgb(213,220,235)
```
#d2dbee
```
#d2dbee rgb(210,219,238)
```
#d0daf0
```
#d0daf0 rgb(208,218,240)
```
#ced9f2
```
#ced9f2 rgb(206,217,242)
```
#cbd8f5
```
#cbd8f5 rgb(203,216,245)
```
#c9d7f7
```
#c9d7f7 rgb(201,215,247)
```
#c6d6fa
```
#c6d6fa rgb(198,214,250)
```
#c4d5fc
```
#c4d5fc rgb(196,213,252)
```
#c2d4fe
```
#c2d4fe rgb(194,212,254)
```

Tone Color Variation

Below, you can see how #c4d5fc 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
#d1d4dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced5fa Protanopia 1% of men
#d6d2fd Deuteranopia 1% of men
#c2daea Tritanopia 0.001% of the population

Trichromacy

#cad5fb Protanomaly 1% of men, 0.01% of women
#cfd3fd Deuteranomaly 6% of men, 0.4% of women
#c3d8f0 Tritanomaly 0.01% of the population

#c4d5fc hex color

#c4d5fc Color Information

#c4d5fc Color Conversion

Color Schemes with #c4d5fc

Alternatives to #c4d5fc

#c4d5fc Preview

Shades and Tints of #c4d5fc

Tones of #c4d5fc

Color Blindness Simulator