#c7d4fd hex color

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

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

● #c7d4fd color description : Very soft blue.

The hexadecimal color #c7d4fd has RGB values of R:199, G:212, B:253 and CMYK values of C:0.21, M:0.16, Y:0, K:0.01. Its decimal value is 13096189.

Hex triplet	c7d4fd	`#c7d4fd`
RGB Decimal	199, 212, 253	`rgb(199,212,253)`
RGB Percent	78, 83.1, 99.2	`rgb(78%,83.1%,99.2%)`
CMYK	21, 16, 0, 1
HSL	225.6°, 93.1, 88.6	`hsl(225.6,93.1%,88.6%)`
HSV (or HSB)	225.6°, 21.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.159, 4.083, -21.478
XYZ	64.823, 66.32, 102.309
xyY	0.278, 0.284, 66.32
CIE-LCH	85.159, 21.863, 280.765
CIE-LUV	85.159, -8.965, -34.936
Hunter-Lab	81.437, -0.431, -17.48
Binary	11000111, 11010100, 11111101

#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#fdf0c7
```
#fdf0c7 rgb(253,240,199)
```

Complementary Color

#c7effd
```
#c7effd rgb(199,239,253)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#d5c7fd
```
#d5c7fd rgb(213,199,253)
```

Analogous Color

#effdc7
```
#effdc7 rgb(239,253,199)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#fdd5c7
```
#fdd5c7 rgb(253,213,199)
```

Split Complementary Color

#d4fdc7
```
#d4fdc7 rgb(212,253,199)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#fdc7d4
```
#fdc7d4 rgb(253,199,212)
```

Triadic Color

#c7fdf0
```
#c7fdf0 rgb(199,253,240)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#fdc7d4
```
#fdc7d4 rgb(253,199,212)
```
#fdf0c7
```
#fdf0c7 rgb(253,240,199)
```

Tetradic Color

#7d9bfa
```
#7d9bfa rgb(125,155,250)
```
#96aefb
```
#96aefb rgb(150,174,251)
```
#aec1fc
```
#aec1fc rgb(174,193,252)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#e0e7fe
```
#e0e7fe rgb(224,231,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c7e2fd
```
#c7e2fd rgb(199,226,253)
```
#c7ddfd
```
#c7ddfd rgb(199,221,253)
```
#c7d9fd
```
#c7d9fd rgb(199,217,253)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#c7d0fd
```
#c7d0fd rgb(199,208,253)
```
#c7cbfd
```
#c7cbfd rgb(199,203,253)
```
#c8c7fd
```
#c8c7fd rgb(200,199,253)
```

Similar Colors

Text with hexadecimal color #c7d4fd

This text has a font color of #c7d4fd.

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

#c7d4fd background color

This paragraph has a background color of #c7d4fd.

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

#c7d4fd border color

This element has a border color of #c7d4fd.

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

CSS codes

.text {color:#c7d4fd;}

.background {background-color:#c7d4fd;}

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

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 #edf1fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#010a27
```
#010a27 rgb(1,10,39)
```
#020f3a
```
#020f3a rgb(2,15,58)
```
#03154d
```
#03154d rgb(3,21,77)
```
#031a60
```
#031a60 rgb(3,26,96)
```
#041f72
```
#041f72 rgb(4,31,114)
```
#052485
```
#052485 rgb(5,36,133)
```
#052998
```
#052998 rgb(5,41,152)
```
#062eab
```
#062eab rgb(6,46,171)
```
#0733be
```
#0733be rgb(7,51,190)
```
#0738d1
```
#0738d1 rgb(7,56,209)
```
#083de4
```
#083de4 rgb(8,61,228)
```

Shade Color Variation

#0a43f6
```
#0a43f6 rgb(10,67,246)
```
#1d51f7
```
#1d51f7 rgb(29,81,247)
```
#2f60f8
```
#2f60f8 rgb(47,96,248)
```
#426ef8
```
#426ef8 rgb(66,110,248)
```
#557df9
```
#557df9 rgb(85,125,249)
```
#688bfa
```
#688bfa rgb(104,139,250)
```
#7b9afa
```
#7b9afa rgb(123,154,250)
```
#8ea8fb
```
#8ea8fb rgb(142,168,251)
```
#a1b7fc
```
#a1b7fc rgb(161,183,252)
```
#b4c5fc
```
#b4c5fc rgb(180,197,252)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```
#dae3fe
```
#dae3fe rgb(218,227,254)
```
#edf1fe
```
#edf1fe rgb(237,241,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 #c7d4fd is the most saturated one.

#e2e2e2
```
#e2e2e2 rgb(226,226,226)
```
#e0e1e4
```
#e0e1e4 rgb(224,225,228)
```
#dde0e7
```
#dde0e7 rgb(221,224,231)
```
#dbdee9
```
#dbdee9 rgb(219,222,233)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#d7dced
```
#d7dced rgb(215,220,237)
```
#d4dbf0
```
#d4dbf0 rgb(212,219,240)
```
#d2daf2
```
#d2daf2 rgb(210,218,242)
```
#d0d9f4
```
#d0d9f4 rgb(208,217,244)
```
#ced7f6
```
#ced7f6 rgb(206,215,246)
```
#cbd6f9
```
#cbd6f9 rgb(203,214,249)
```
#c9d5fb
```
#c9d5fb rgb(201,213,251)
```
#c7d4fd
```
#c7d4fd rgb(199,212,253)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d2d5dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced5fc Protanopia 1% of men
#d6d2fe Deuteranopia 1% of men
#c5d9e9 Tritanopia 0.001% of the population

Trichromacy

#cbd4fc Protanomaly 1% of men, 0.01% of women
#d0d3fd Deuteranomaly 6% of men, 0.4% of women
#c5d7f0 Tritanomaly 0.01% of the population

#c7d4fd hex color

#c7d4fd Color Information

#c7d4fd Color Conversion

Color Schemes with #c7d4fd

Alternatives to #c7d4fd

#c7d4fd Preview

Shades and Tints of #c7d4fd

Tones of #c7d4fd

Color Blindness Simulator