#c3d2f6 hex color

In a RGB color space, hex #c3d2f6 is composed of 76.5% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.4 degrees, a saturation of 73.9% and a lightness of 86.5%. #c3d2f6 color hex could be obtained by blending #ffffff with #87a5ed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 82
- B 96
RGB color chart
- C 21
- M 15
- Y 0
- K 4
CMYK color chart

● #c3d2f6 color description : Very soft blue.

The hexadecimal color #c3d2f6 has RGB values of R:195, G:210, B:246 and CMYK values of C:0.21, M:0.15, Y:0, K:0.04. Its decimal value is 12833526.

Hex triplet	c3d2f6	`#c3d2f6`
RGB Decimal	195, 210, 246	`rgb(195,210,246)`
RGB Percent	76.5, 82.4, 96.5	`rgb(76.5%,82.4%,96.5%)`
CMYK	21, 15, 0, 4
HSL	222.4°, 73.9, 86.5	`hsl(222.4,73.9%,86.5%)`
HSV (or HSB)	222.4°, 20.7, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.147, 2.392, -19.33
XYZ	62.183, 64.348, 96.328
xyY	0.279, 0.289, 64.348
CIE-LCH	84.147, 19.478, 277.055
CIE-LUV	84.147, -9.723, -31.062
Hunter-Lab	80.217, -2.009, -15.046
Binary	11000011, 11010010, 11110110

#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#f6e7c3
```
#f6e7c3 rgb(246,231,195)
```

Complementary Color

#c3ecf6
```
#c3ecf6 rgb(195,236,246)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#cec3f6
```
#cec3f6 rgb(206,195,246)
```

Analogous Color

#ecf6c3
```
#ecf6c3 rgb(236,246,195)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#f6cec3
```
#f6cec3 rgb(246,206,195)
```

Split Complementary Color

#d2f6c3
```
#d2f6c3 rgb(210,246,195)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#f6c3d2
```
#f6c3d2 rgb(246,195,210)
```

Triadic Color

#c3f6e7
```
#c3f6e7 rgb(195,246,231)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#f6c3d2
```
#f6c3d2 rgb(246,195,210)
```
#f6e7c3
```
#f6e7c3 rgb(246,231,195)
```

Tetradic Color

#80a0ec
```
#80a0ec rgb(128,160,236)
```
#97b1ef
```
#97b1ef rgb(151,177,239)
```
#adc1f3
```
#adc1f3 rgb(173,193,243)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#d9e3f9
```
#d9e3f9 rgb(217,227,249)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c3dff6
```
#c3dff6 rgb(195,223,246)
```
#c3dbf6
```
#c3dbf6 rgb(195,219,246)
```
#c3d6f6
```
#c3d6f6 rgb(195,214,246)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#c3cef6
```
#c3cef6 rgb(195,206,246)
```
#c3caf6
```
#c3caf6 rgb(195,202,246)
```
#c3c5f6
```
#c3c5f6 rgb(195,197,246)
```

Similar Colors

Text with hexadecimal color #c3d2f6

This text has a font color of #c3d2f6.

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

#c3d2f6 background color

This paragraph has a background color of #c3d2f6.

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

#c3d2f6 border color

This element has a border color of #c3d2f6.

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

CSS codes

.text {color:#c3d2f6;}

.background {background-color:#c3d2f6;}

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040a19
```
#040a19 rgb(4,10,25)
```
#06112a
```
#06112a rgb(6,17,42)
```
#09183b
```
#09183b rgb(9,24,59)
```
#0b1f4c
```
#0b1f4c rgb(11,31,76)
```
#0e255e
```
#0e255e rgb(14,37,94)
```
#112c6f
```
#112c6f rgb(17,44,111)
```
#133380
```
#133380 rgb(19,51,128)
```
#163a91
```
#163a91 rgb(22,58,145)
```
#1841a2
```
#1841a2 rgb(24,65,162)
```
#1b48b3
```
#1b48b3 rgb(27,72,179)
```
#1d4ec4
```
#1d4ec4 rgb(29,78,196)
```
#2055d5
```
#2055d5 rgb(32,85,213)
```

Shade Color Variation

#295fdf
```
#295fdf rgb(41,95,223)
```
#3b6ce2
```
#3b6ce2 rgb(59,108,226)
```
#4c78e4
```
#4c78e4 rgb(76,120,228)
```
#5d85e7
```
#5d85e7 rgb(93,133,231)
```
#6e92e9
```
#6e92e9 rgb(110,146,233)
```
#7f9fec
```
#7f9fec rgb(127,159,236)
```
#90acee
```
#90acee rgb(144,172,238)
```
#a1b8f1
```
#a1b8f1 rgb(161,184,241)
```
#b2c5f3
```
#b2c5f3 rgb(178,197,243)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#d4dff9
```
#d4dff9 rgb(212,223,249)
```
#e5ecfb
```
#e5ecfb rgb(229,236,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#dbdcde
```
#dbdcde rgb(219,220,222)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#d6dae3
```
#d6dae3 rgb(214,218,227)
```
#d3d9e6
```
#d3d9e6 rgb(211,217,230)
```
#d0d7e9
```
#d0d7e9 rgb(208,215,233)
```
#ced6eb
```
#ced6eb rgb(206,214,235)
```
#cbd5ee
```
#cbd5ee rgb(203,213,238)
```
#c8d4f1
```
#c8d4f1 rgb(200,212,241)
```
#c6d3f3
```
#c6d3f3 rgb(198,211,243)
```
#c3d2f6
```
#c3d2f6 rgb(195,210,246)
```
#c0d1f9
```
#c0d1f9 rgb(192,209,249)
```
#bed0fb
```
#bed0fb rgb(190,208,251)
```
#bbcffe
```
#bbcffe rgb(187,207,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cfd2d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd2f5 Protanopia 1% of men
#d5cff8 Deuteranopia 1% of men
#c2d7e6 Tritanopia 0.001% of the population

Trichromacy

#c9d2f5 Protanomaly 1% of men, 0.01% of women
#ced0f7 Deuteranomaly 6% of men, 0.4% of women
#c2d5ec Tritanomaly 0.01% of the population

#c3d2f6 hex color

#c3d2f6 Color Information

#c3d2f6 Color Conversion

Color Schemes with #c3d2f6

Alternatives to #c3d2f6

#c3d2f6 Preview

Shades and Tints of #c3d2f6

Tones of #c3d2f6

Color Blindness Simulator