#c2d8fd hex color

In a RGB color space, hex #c2d8fd is composed of 76.1% red, 84.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 14.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.6 degrees, a saturation of 93.7% and a lightness of 87.6%. #c2d8fd color hex could be obtained by blending #ffffff with #85b1fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 85
- B 99
RGB color chart
- C 23
- M 15
- Y 0
- K 1
CMYK color chart

● #c2d8fd color description : Very soft blue.

The hexadecimal color #c2d8fd has RGB values of R:194, G:216, B:253 and CMYK values of C:0.23, M:0.15, Y:0, K:0.01. Its decimal value is 12769533.

Hex triplet	c2d8fd	`#c2d8fd`
RGB Decimal	194, 216, 253	`rgb(194,216,253)`
RGB Percent	76.1, 84.7, 99.2	`rgb(76.1%,84.7%,99.2%)`
CMYK	23, 15, 0, 1
HSL	217.6°, 93.7, 87.6	`hsl(217.6,93.7%,87.6%)`
HSV (or HSB)	217.6°, 23.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.842, 0.477, -20.478
XYZ	64.53, 67.672, 102.585
xyY	0.275, 0.288, 67.672
CIE-LCH	85.842, 20.483, 271.336
CIE-LUV	85.842, -13.156, -32.743
Hunter-Lab	82.263, -3.938, -16.353
Binary	11000010, 11011000, 11111101

#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#fde7c2
```
#fde7c2 rgb(253,231,194)
```

Complementary Color

#c2f6fd
```
#c2f6fd rgb(194,246,253)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#cac2fd
```
#cac2fd rgb(202,194,253)
```

Analogous Color

#f6fdc2
```
#f6fdc2 rgb(246,253,194)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#fdcac2
```
#fdcac2 rgb(253,202,194)
```

Split Complementary Color

#d8fdc2
```
#d8fdc2 rgb(216,253,194)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#fdc2d8
```
#fdc2d8 rgb(253,194,216)
```

Triadic Color

#c2fde7
```
#c2fde7 rgb(194,253,231)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#fdc2d8
```
#fdc2d8 rgb(253,194,216)
```
#fde7c2
```
#fde7c2 rgb(253,231,194)
```

Tetradic Color

#78a9fb
```
#78a9fb rgb(120,169,251)
```
#91b8fb
```
#91b8fb rgb(145,184,251)
```
#a9c8fc
```
#a9c8fc rgb(169,200,252)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#dbe8fe
```
#dbe8fe rgb(219,232,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2e7fd
```
#c2e7fd rgb(194,231,253)
```
#c2e2fd
```
#c2e2fd rgb(194,226,253)
```
#c2ddfd
```
#c2ddfd rgb(194,221,253)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#c2d3fd
```
#c2d3fd rgb(194,211,253)
```
#c2cefd
```
#c2cefd rgb(194,206,253)
```
#c2c9fd
```
#c2c9fd rgb(194,201,253)
```

Similar Colors

Text with hexadecimal color #c2d8fd

This text has a font color of #c2d8fd.

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

#c2d8fd background color

This paragraph has a background color of #c2d8fd.

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

#c2d8fd border color

This element has a border color of #c2d8fd.

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

CSS codes

.text {color:#c2d8fd;}

.background {background-color:#c2d8fd;}

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

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, #00060f is the darkest color, while #fbfcff is the lightest one.

#00060f
```
#00060f rgb(0,6,15)
```
#010d22
```
#010d22 rgb(1,13,34)
```
#021535
```
#021535 rgb(2,21,53)
```
#021c48
```
#021c48 rgb(2,28,72)
```
#03245b
```
#03245b rgb(3,36,91)
```
#042b6e
```
#042b6e rgb(4,43,110)
```
#043381
```
#043381 rgb(4,51,129)
```
#053a94
```
#053a94 rgb(5,58,148)
```
#0542a7
```
#0542a7 rgb(5,66,167)
```
#0649ba
```
#0649ba rgb(6,73,186)
```
#0751cd
```
#0751cd rgb(7,81,205)
```
#0758e0
```
#0758e0 rgb(7,88,224)
```
#0860f3
```
#0860f3 rgb(8,96,243)
```

Shade Color Variation

#176bf7
```
#176bf7 rgb(23,107,247)
```
#2a77f8
```
#2a77f8 rgb(42,119,248)
```
#3d83f9
```
#3d83f9 rgb(61,131,249)
```
#508ff9
```
#508ff9 rgb(80,143,249)
```
#639bfa
```
#639bfa rgb(99,155,250)
```
#76a7fb
```
#76a7fb rgb(118,167,251)
```
#89b4fb
```
#89b4fb rgb(137,180,251)
```
#9cc0fc
```
#9cc0fc rgb(156,192,252)
```
#afccfc
```
#afccfc rgb(175,204,252)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#dfdfe0
```
#dfdfe0 rgb(223,223,224)
```
#dddfe2
```
#dddfe2 rgb(221,223,226)
```
#dadee5
```
#dadee5 rgb(218,222,229)
```
#d8dee7
```
#d8dee7 rgb(216,222,231)
```
#d5ddea
```
#d5ddea rgb(213,221,234)
```
#d3dcec
```
#d3dcec rgb(211,220,236)
```
#d1dcee
```
#d1dcee rgb(209,220,238)
```
#cedbf1
```
#cedbf1 rgb(206,219,241)
```
#ccdaf3
```
#ccdaf3 rgb(204,218,243)
```
#c9daf6
```
#c9daf6 rgb(201,218,246)
```
#c7d9f8
```
#c7d9f8 rgb(199,217,248)
```
#c4d9fb
```
#c4d9fb rgb(196,217,251)
```
#c2d8fd
```
#c2d8fd rgb(194,216,253)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d2d6de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d7fb Protanopia 1% of men
#d8d4ff Deuteranopia 1% of men
#c1dcec Tritanopia 0.001% of the population

Trichromacy

#cbd7fb Protanomaly 1% of men, 0.01% of women
#d0d5fe Deuteranomaly 6% of men, 0.4% of women
#c1dbf2 Tritanomaly 0.01% of the population

#c2d8fd hex color

#c2d8fd Color Information

#c2d8fd Color Conversion

Color Schemes with #c2d8fd

Alternatives to #c2d8fd

#c2d8fd Preview

Shades and Tints of #c2d8fd

Tones of #c2d8fd

Color Blindness Simulator