colorhexa.com

#c7d1f9 hex color

In a RGB color space, hex #c7d1f9 is composed of 78% red, 82% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 16.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 228 degrees, a saturation of 80.6% and a lightness of 87.8%. #c7d1f9 color hex could be obtained by blending #ffffff with #8fa3f3. Closest websafe color is: #ccccff.

- R 78
- G 82
- B 98
RGB color chart
- C 20
- M 16
- Y 0
- K 2
CMYK color chart

● #c7d1f9 color description : Very soft blue.

The hexadecimal color #c7d1f9 has RGB values of R:199, G:209, B:249 and CMYK values of C:0.2, M:0.16, Y:0, K:0.02. Its decimal value is 13095417.

Hex triplet	c7d1f9	`#c7d1f9`
RGB Decimal	199, 209, 249	`rgb(199,209,249)`
RGB Percent	78, 82, 97.6	`rgb(78%,82%,97.6%)`
CMYK	20, 16, 0, 2
HSL	228°, 80.6, 87.8	`hsl(228,80.6%,87.8%)`
HSV (or HSB)	228°, 20.1, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.268, 4.796, -20.711
XYZ	63.449, 64.582, 98.74
xyY	0.28, 0.285, 64.582
CIE-LCH	84.268, 21.259, 283.037
CIE-LUV	84.268, -7.433, -33.729
Hunter-Lab	80.363, 0.297, -16.594
Binary	11000111, 11010001, 11111001

#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#f9efc7
```
#f9efc7 rgb(249,239,199)
```

Complementary Color

#c7eaf9
```
#c7eaf9 rgb(199,234,249)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#d6c7f9
```
#d6c7f9 rgb(214,199,249)
```

Analogous Color

#eaf9c7
```
#eaf9c7 rgb(234,249,199)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#f9d6c7
```
#f9d6c7 rgb(249,214,199)
```

Split Complementary Color

#d1f9c7
```
#d1f9c7 rgb(209,249,199)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#f9c7d1
```
#f9c7d1 rgb(249,199,209)
```

Triadic Color

#c7f9ef
```
#c7f9ef rgb(199,249,239)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#f9c7d1
```
#f9c7d1 rgb(249,199,209)
```
#f9efc7
```
#f9efc7 rgb(249,239,199)
```

Tetradic Color

#8298f2
```
#8298f2 rgb(130,152,242)
```
#99abf4
```
#99abf4 rgb(153,171,244)
```
#b0bef7
```
#b0bef7 rgb(176,190,247)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#dee4fb
```
#dee4fb rgb(222,228,251)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c7def9
```
#c7def9 rgb(199,222,249)
```
#c7d9f9
```
#c7d9f9 rgb(199,217,249)
```
#c7d5f9
```
#c7d5f9 rgb(199,213,249)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#c7cdf9
```
#c7cdf9 rgb(199,205,249)
```
#c7c9f9
```
#c7c9f9 rgb(199,201,249)
```
#cac7f9
```
#cac7f9 rgb(202,199,249)
```

Similar Colors

Text with hexadecimal color #c7d1f9

This text has a font color of #c7d1f9.

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

#c7d1f9 background color

This paragraph has a background color of #c7d1f9.

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

#c7d1f9 border color

This element has a border color of #c7d1f9.

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

CSS codes

.text {color:#c7d1f9;}

.background {background-color:#c7d1f9;}

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

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

#02040f
```
#02040f rgb(2,4,15)
```
#030921
```
#030921 rgb(3,9,33)
```
#050e32
```
#050e32 rgb(5,14,50)
```
#071344
```
#071344 rgb(7,19,68)
```
#091856
```
#091856 rgb(9,24,86)
```
#0b1e67
```
#0b1e67 rgb(11,30,103)
```
#0d2379
```
#0d2379 rgb(13,35,121)
```
#0f288b
```
#0f288b rgb(15,40,139)
```
#112d9d
```
#112d9d rgb(17,45,157)
```
#1332ae
```
#1332ae rgb(19,50,174)
```
#1537c0
```
#1537c0 rgb(21,55,192)
```
#163cd2
```
#163cd2 rgb(22,60,210)
```
#1841e3
```
#1841e3 rgb(24,65,227)
```

Shade Color Variation

#284ee8
```
#284ee8 rgb(40,78,232)
```
#395dea
```
#395dea rgb(57,93,234)
```
#4b6bec
```
#4b6bec rgb(75,107,236)
```
#5d7aee
```
#5d7aee rgb(93,122,238)
```
#6e88f0
```
#6e88f0 rgb(110,136,240)
```
#8097f1
```
#8097f1 rgb(128,151,241)
```
#92a5f3
```
#92a5f3 rgb(146,165,243)
```
#a4b4f5
```
#a4b4f5 rgb(164,180,245)
```
#b5c2f7
```
#b5c2f7 rgb(181,194,247)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#d9e0fb
```
#d9e0fb rgb(217,224,251)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#dfdfe1
```
#dfdfe1 rgb(223,223,225)
```
#dcdee4
```
#dcdee4 rgb(220,222,228)
```
#dadce6
```
#dadce6 rgb(218,220,230)
```
#d8dbe8
```
#d8dbe8 rgb(216,219,232)
```
#d5daeb
```
#d5daeb rgb(213,218,235)
```
#d3d8ed
```
#d3d8ed rgb(211,216,237)
```
#d1d7ef
```
#d1d7ef rgb(209,215,239)
```
#ced5f2
```
#ced5f2 rgb(206,213,242)
```
#ccd4f4
```
#ccd4f4 rgb(204,212,244)
```
#c9d2f7
```
#c9d2f7 rgb(201,210,247)
```
#c7d1f9
```
#c7d1f9 rgb(199,209,249)
```
#c5d0fb
```
#c5d0fb rgb(197,208,251)
```
#c2cefe
```
#c2cefe rgb(194,206,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d1d3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd2f8 Protanopia 1% of men
#d4d0fa Deuteranopia 1% of men
#c5d6e6 Tritanopia 0.001% of the population

Trichromacy

#cad2f8 Protanomaly 1% of men, 0.01% of women
#cfd0f9 Deuteranomaly 6% of men, 0.4% of women
#c6d4ed Tritanomaly 0.01% of the population