#c7d3f2 color information
In a RGB color space, hex #c7d3f2 is composed of 78% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.3 degrees, a saturation of 62.3% and a lightness of 86.5%. #c7d3f2 color hex could be obtained by blending #ffffff with #8fa7e5. Closest websafe color is: #ccccff.
#c7d3f2 color conversion
The hexadecimal color #c7d3f2 has RGB values of R:199, G:211, B:242 and CMYK values of C:0.18, M:0.13, Y:0, K:0.05. Its decimal value is 13095922.
- Hex triplet c7d3f2
#c7d3f2 - RGB Decimal 199, 211, 242
rgb(199,211,242) - RGB Percent 78, 82.7, 94.9
rgb(78%,82.7%,94.9%) - CMYK 18, 13, 0, 5
- HSL 223.3°, 62.3, 86.5
hsl(223,62%,86%) - HSV (or HSB) 223.3°, 17.8, 94.9
- Web Safe ccccff
#ccccff
- CIE-LAB 84.556, 2.222, -16.564
- XYZ 62.871, 65.141, 93.261
- xyY 0.284, 0.294, 65.141
- CIE-LCH 84.556, 16.713, 277.64
- CIE-LUV 84.556, -8.01, -26.509
- Hunter-Lab 80.71, -2.194, -12.013
- Binary 11000111, 11010011, 11110010
Color Schemes with #c7d3f2
#c7d3f2 in action
This text has a font color of #c7d3f2.
<span style="color:#c7d3f2;">Text here</span>
This paragraph has a background color of #c7d3f2.
<p style="background-color:#c7d3f2;">Content here</p>
This element has a border color of #c7d3f2.
<div style="border:1px solid #c7d3f2;">Content here</div>
.text {color:#c7d3f2;}
.background {background-color:#c7d3f2;}
.border {border:1px solid #c7d3f2;}
Shades of #c7d3f2
- #020308 #020308
rgb(2,3,8) - #091228 #091228
rgb(9,18,40) - #112047 #112047
rgb(17,32,71) - #182e67 #182e67
rgb(24,46,103) - #1f3c87 #1f3c87
rgb(31,60,135) - #274aa7 #274aa7
rgb(39,74,167) - #2e59c7 #2e59c7
rgb(46,89,199) - #486fd4 #486fd4
rgb(72,111,212) - #6788dc #6788dc
rgb(103,136,220) - #87a1e3 #87a1e3
rgb(135,161,227) - #a7baeb #a7baeb
rgb(167,186,235) - #c7d3f2 #c7d3f2
rgb(199,211,242) - #e7ecf9 #e7ecf9
rgb(231,236,249)
Color Blindness Simulator
Below, you can see how #c7d3f2 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.
