#c2d7f8 hex color

In a RGB color space, hex #c2d7f8 is composed of 76.1% red, 84.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 13.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 216.7 degrees, a saturation of 79.4% and a lightness of 86.7%. #c2d7f8 color hex could be obtained by blending #ffffff with #85aff1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 84
- B 97
RGB color chart
- C 22
- M 13
- Y 0
- K 3
CMYK color chart

● #c2d7f8 color description : Very soft blue.

The hexadecimal color #c2d7f8 has RGB values of R:194, G:215, B:248 and CMYK values of C:0.22, M:0.13, Y:0, K:0.03. Its decimal value is 12769272.

Hex triplet	c2d7f8	`#c2d7f8`
RGB Decimal	194, 215, 248	`rgb(194,215,248)`
RGB Percent	76.1, 84.3, 97.3	`rgb(76.1%,84.3%,97.3%)`
CMYK	22, 13, 0, 3
HSL	216.7°, 79.4, 86.7	`hsl(216.7,79.4%,86.7%)`
HSV (or HSB)	216.7°, 21.8, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.426, -0.108, -18.464
XYZ	63.488, 66.846, 98.359
xyY	0.278, 0.292, 66.846
CIE-LCH	85.426, 18.465, 269.665
CIE-LUV	85.426, -12.53, -29.297
Hunter-Lab	81.76, -4.47, -14.096
Binary	11000010, 11010111, 11111000

#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#f8e3c2
```
#f8e3c2 rgb(248,227,194)
```

Complementary Color

#c2f2f8
```
#c2f2f8 rgb(194,242,248)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#c8c2f8
```
#c8c2f8 rgb(200,194,248)
```

Analogous Color

#f2f8c2
```
#f2f8c2 rgb(242,248,194)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#f8c8c2
```
#f8c8c2 rgb(248,200,194)
```

Split Complementary Color

#d7f8c2
```
#d7f8c2 rgb(215,248,194)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#f8c2d7
```
#f8c2d7 rgb(248,194,215)
```

Triadic Color

#c2f8e3
```
#c2f8e3 rgb(194,248,227)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#f8c2d7
```
#f8c2d7 rgb(248,194,215)
```
#f8e3c2
```
#f8e3c2 rgb(248,227,194)
```

Tetradic Color

#7daaf0
```
#7daaf0 rgb(125,170,240)
```
#94b9f3
```
#94b9f3 rgb(148,185,243)
```
#abc8f5
```
#abc8f5 rgb(171,200,245)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#d9e6fb
```
#d9e6fb rgb(217,230,251)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2e5f8
```
#c2e5f8 rgb(194,229,248)
```
#c2e0f8
```
#c2e0f8 rgb(194,224,248)
```
#c2dcf8
```
#c2dcf8 rgb(194,220,248)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#c2d3f8
```
#c2d3f8 rgb(194,211,248)
```
#c2cef8
```
#c2cef8 rgb(194,206,248)
```
#c2caf8
```
#c2caf8 rgb(194,202,248)
```

Similar Colors

Text with hexadecimal color #c2d7f8

This text has a font color of #c2d7f8.

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

#c2d7f8 background color

This paragraph has a background color of #c2d7f8.

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

#c2d7f8 border color

This element has a border color of #c2d7f8.

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

CSS codes

.text {color:#c2d7f8;}

.background {background-color:#c2d7f8;}

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

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

#010409
```
#010409 rgb(1,4,9)
```
#030c1b
```
#030c1b rgb(3,12,27)
```
#05142d
```
#05142d rgb(5,20,45)
```
#071d3e
```
#071d3e rgb(7,29,62)
```
#092550
```
#092550 rgb(9,37,80)
```
#0b2d61
```
#0b2d61 rgb(11,45,97)
```
#0d3573
```
#0d3573 rgb(13,53,115)
```
#0f3d85
```
#0f3d85 rgb(15,61,133)
```
#114596
```
#114596 rgb(17,69,150)
```
#134da8
```
#134da8 rgb(19,77,168)
```
#1555b9
```
#1555b9 rgb(21,85,185)
```
#175dcb
```
#175dcb rgb(23,93,203)
```
#1965dd
```
#1965dd rgb(25,101,221)
```

Shade Color Variation

#246fe6
```
#246fe6 rgb(36,111,230)
```
#357be8
```
#357be8 rgb(53,123,232)
```
#4786ea
```
#4786ea rgb(71,134,234)
```
#5892ec
```
#5892ec rgb(88,146,236)
```
#6a9dee
```
#6a9dee rgb(106,157,238)
```
#7ca9f0
```
#7ca9f0 rgb(124,169,240)
```
#8db4f2
```
#8db4f2 rgb(141,180,242)
```
#9fc0f4
```
#9fc0f4 rgb(159,192,244)
```
#b0cbf6
```
#b0cbf6 rgb(176,203,246)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#d4e3fa
```
#d4e3fa rgb(212,227,250)
```
#e5eefc
```
#e5eefc rgb(229,238,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#dcddde
```
#dcddde rgb(220,221,222)
```
#dadce0
```
#dadce0 rgb(218,220,224)
```
#d7dce3
```
#d7dce3 rgb(215,220,227)
```
#d4dbe6
```
#d4dbe6 rgb(212,219,230)
```
#d2dae8
```
#d2dae8 rgb(210,218,232)
```
#cfdaeb
```
#cfdaeb rgb(207,218,235)
```
#ccd9ee
```
#ccd9ee rgb(204,217,238)
```
#cad9f0
```
#cad9f0 rgb(202,217,240)
```
#c7d8f3
```
#c7d8f3 rgb(199,216,243)
```
#c5d8f5
```
#c5d8f5 rgb(197,216,245)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#bfd6fb
```
#bfd6fb rgb(191,214,251)
```
#bdd6fd
```
#bdd6fd rgb(189,214,253)
```

Tone Color Variation

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

Dichromacy

#d1d5f6 Protanopia 1% of men
#d9d2fa Deuteranopia 1% of men
#c2dbeb Tritanopia 0.001% of the population

Trichromacy

#cbd6f7 Protanomaly 1% of men, 0.01% of women
#d1d4f9 Deuteranomaly 6% of men, 0.4% of women
#c2d9ef Tritanomaly 0.01% of the population

#c2d7f8 hex color

#c2d7f8 Color Information

#c2d7f8 Color Conversion

Color Schemes with #c2d7f8

Alternatives to #c2d7f8

#c2d7f8 Preview

Shades and Tints of #c2d7f8

Tones of #c2d7f8

Color Blindness Simulator