#afc3f4 color information
In a RGB color space, hex #afc3f4 is composed of 68.6% red, 76.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 20.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 222.6 degrees, a saturation of 75.8% and a lightness of 82.2%. #afc3f4 color hex could be obtained by blending #ffffff with #5f87e9. Closest websafe color is: #99ccff.
#afc3f4 color conversion
The hexadecimal color #afc3f4 has RGB values of R:175, G:195, B:244 and CMYK values of C:0.28, M:0.2, Y:0, K:0.04. Its decimal value is 11518964.
- Hex triplet afc3f4
#afc3f4 - RGB Decimal 175, 195, 244
rgb(175,195,244) - RGB Percent 68.6, 76.5, 95.7
rgb(68.6%,76.5%,95.7%) - CMYK 28, 20, 0, 4
- HSL 222.6°, 75.8, 82.2
hsl(223,76%,82%) - HSV (or HSB) 222.6°, 28.3, 95.7
- Web Safe 99ccff
#99ccff
- CIE-LAB 78.853, 4.034, -26.434
- XYZ 53.52, 54.675, 93.316
- xyY 0.266, 0.271, 54.675
- CIE-LCH 78.853, 26.74, 278.677
- CIE-LUV 78.853, -12.57, -42.827
- Hunter-Lab 73.942, -0.199, -23.065
- Binary 10101111, 11000011, 11110100
Color Schemes with #afc3f4
#afc3f4 in action
This text has a font color of #afc3f4.
<span style="color:#afc3f4;">Text here</span>
This paragraph has a background color of #afc3f4.
<p style="background-color:#afc3f4;">Content here</p>
This element has a border color of #afc3f4.
<div style="border:1px solid #afc3f4;">Content here</div>
.text {color:#afc3f4;}
.background {background-color:#afc3f4;}
.border {border:1px solid #afc3f4;}
Shades of #afc3f4
- #030917 #030917
rgb(3,9,23) - #08163a #08163a
rgb(8,22,58) - #0d245c #0d245c
rgb(13,36,92) - #11317f #11317f
rgb(17,49,127) - #163fa1 #163fa1
rgb(22,63,161) - #1b4cc4 #1b4cc4
rgb(27,76,196) - #255ce1 #255ce1
rgb(37,92,225) - #4875e6 #4875e6
rgb(72,117,230) - #6a8feb #6a8feb
rgb(106,143,235) - #8da9ef #8da9ef
rgb(141,169,239) - #afc3f4 #afc3f4
rgb(175,195,244) - #d1ddf9 #d1ddf9
rgb(209,221,249) - #f4f7fd #f4f7fd
rgb(244,247,253)
Color Blindness Simulator
Below, you can see how #afc3f4 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.
