#c7d2fd hex color

In a RGB color space, hex #c7d2fd is composed of 78% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 227.8 degrees, a saturation of 93.1% and a lightness of 88.6%. #c7d2fd color hex could be obtained by blending #ffffff with #8fa5fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 78
- G 82
- B 99
RGB color chart
- C 21
- M 17
- Y 0
- K 1
CMYK color chart

● #c7d2fd color description : Very soft blue.

The hexadecimal color #c7d2fd has RGB values of R:199, G:210, B:253 and CMYK values of C:0.21, M:0.17, Y:0, K:0.01. Its decimal value is 13095677.

Hex triplet	c7d2fd	`#c7d2fd`
RGB Decimal	199, 210, 253	`rgb(199,210,253)`
RGB Percent	78, 82.4, 99.2	`rgb(78%,82.4%,99.2%)`
CMYK	21, 17, 0, 1
HSL	227.8°, 93.1, 88.6	`hsl(227.8,93.1%,88.6%)`
HSV (or HSB)	227.8°, 21.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.652, 5.145, -22.248
XYZ	64.326, 65.326, 102.143
xyY	0.278, 0.282, 65.326
CIE-LCH	84.652, 22.835, 283.021
CIE-LUV	84.652, -8.073, -36.357
Hunter-Lab	80.825, 0.62, -18.351
Binary	11000111, 11010010, 11111101

#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#fdf2c7
```
#fdf2c7 rgb(253,242,199)
```

Complementary Color

#c7edfd
```
#c7edfd rgb(199,237,253)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#d7c7fd
```
#d7c7fd rgb(215,199,253)
```

Analogous Color

#edfdc7
```
#edfdc7 rgb(237,253,199)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#fdd7c7
```
#fdd7c7 rgb(253,215,199)
```

Split Complementary Color

#d2fdc7
```
#d2fdc7 rgb(210,253,199)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#fdc7d2
```
#fdc7d2 rgb(253,199,210)
```

Triadic Color

#c7fdf2
```
#c7fdf2 rgb(199,253,242)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#fdc7d2
```
#fdc7d2 rgb(253,199,210)
```
#fdf2c7
```
#fdf2c7 rgb(253,242,199)
```

Tetradic Color

#7d97fa
```
#7d97fa rgb(125,151,250)
```
#96aafb
```
#96aafb rgb(150,170,251)
```
#aebefc
```
#aebefc rgb(174,190,252)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#e0e6fe
```
#e0e6fe rgb(224,230,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c7e0fd
```
#c7e0fd rgb(199,224,253)
```
#c7dbfd
```
#c7dbfd rgb(199,219,253)
```
#c7d7fd
```
#c7d7fd rgb(199,215,253)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#c7cefd
```
#c7cefd rgb(199,206,253)
```
#c7c9fd
```
#c7c9fd rgb(199,201,253)
```
#cac7fd
```
#cac7fd rgb(202,199,253)
```

Similar Colors

Text with hexadecimal color #c7d2fd

This text has a font color of #c7d2fd.

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

#c7d2fd background color

This paragraph has a background color of #c7d2fd.

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

#c7d2fd border color

This element has a border color of #c7d2fd.

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

CSS codes

.text {color:#c7d2fd;}

.background {background-color:#c7d2fd;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#010927
```
#010927 rgb(1,9,39)
```
#020d3a
```
#020d3a rgb(2,13,58)
```
#03124d
```
#03124d rgb(3,18,77)
```
#031660
```
#031660 rgb(3,22,96)
```
#041b72
```
#041b72 rgb(4,27,114)
```
#051f85
```
#051f85 rgb(5,31,133)
```
#052398
```
#052398 rgb(5,35,152)
```
#0628ab
```
#0628ab rgb(6,40,171)
```
#072cbe
```
#072cbe rgb(7,44,190)
```
#0731d1
```
#0731d1 rgb(7,49,209)
```
#0835e4
```
#0835e4 rgb(8,53,228)
```

Shade Color Variation

#0a3af6
```
#0a3af6 rgb(10,58,246)
```
#1d49f7
```
#1d49f7 rgb(29,73,247)
```
#2f58f8
```
#2f58f8 rgb(47,88,248)
```
#4267f8
```
#4267f8 rgb(66,103,248)
```
#5577f9
```
#5577f9 rgb(85,119,249)
```
#6886fa
```
#6886fa rgb(104,134,250)
```
#7b95fa
```
#7b95fa rgb(123,149,250)
```
#8ea4fb
```
#8ea4fb rgb(142,164,251)
```
#a1b4fc
```
#a1b4fc rgb(161,180,252)
```
#b4c3fc
```
#b4c3fc rgb(180,195,252)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#dae1fe
```
#dae1fe rgb(218,225,254)
```
#edf0fe
```
#edf0fe rgb(237,240,254)
```

Tint Color Variation

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

#e2e2e2
```
#e2e2e2 rgb(226,226,226)
```
#e0e1e4
```
#e0e1e4 rgb(224,225,228)
```
#dddfe7
```
#dddfe7 rgb(221,223,231)
```
#dbdee9
```
#dbdee9 rgb(219,222,233)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#d7dbed
```
#d7dbed rgb(215,219,237)
```
#d4daf0
```
#d4daf0 rgb(212,218,240)
```
#d2d9f2
```
#d2d9f2 rgb(210,217,242)
```
#d0d7f4
```
#d0d7f4 rgb(208,215,244)
```
#ced6f6
```
#ced6f6 rgb(206,214,246)
```
#cbd5f9
```
#cbd5f9 rgb(203,213,249)
```
#c9d3fb
```
#c9d3fb rgb(201,211,251)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```

Tone Color Variation

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

#ccd3fc Protanopia 1% of men
#d4d1fe Deuteranopia 1% of men
#c4d8e7 Tritanopia 0.001% of the population

Trichromacy

#cad3fc Protanomaly 1% of men, 0.01% of women
#cfd1fd Deuteranomaly 6% of men, 0.4% of women
#c5d5ef Tritanomaly 0.01% of the population

#c7d2fd hex color

#c7d2fd Color Information

#c7d2fd Color Conversion

Color Schemes with #c7d2fd

Alternatives to #c7d2fd

#c7d2fd Preview

Shades and Tints of #c7d2fd

Tones of #c7d2fd

Color Blindness Simulator