#afa3b7 color information
In a RGB color space, hex #afa3b7 is composed of 68.6% red, 63.9% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 10.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 276 degrees, a saturation of 12.2% and a lightness of 67.8%. #afa3b7 color hex could be obtained by blending #ffffff with #5f476f. Closest websafe color is: #9999cc.
#afa3b7 color conversion
The hexadecimal color #afa3b7 has RGB values of R:175, G:163, B:183 and CMYK values of C:0.04, M:0.11, Y:0, K:0.28. Its decimal value is 11510711.
- Hex triplet afa3b7
#afa3b7 - RGB Decimal 175, 163, 183
rgb(175,163,183) - RGB Percent 68.6, 63.9, 71.8
rgb(68.6%,63.9%,71.8%) - CMYK 4, 11, 0, 28
- HSL 276°, 12.2, 67.8
hsl(276,12%,68%) - HSV (or HSB) 276°, 10.9, 71.8
- Web Safe 9999cc
#9999cc
- CIE-LAB 68.553, 8.112, -8.725
- XYZ 39.322, 38.727, 50.201
- xyY 0.307, 0.302, 38.727
- CIE-LCH 68.553, 11.913, 312.915
- CIE-LUV 68.553, 5.534, -14.41
- Hunter-Lab 62.231, 3.884, -4.266
- Binary 10101111, 10100011, 10110111
Color Schemes with #afa3b7
#afa3b7 in action
This text has a font color of #afa3b7.
<span style="color:#afa3b7;">Text here</span>
This paragraph has a background color of #afa3b7.
<p style="background-color:#afa3b7;">Content here</p>
This element has a border color of #afa3b7.
<div style="border:1px solid #afa3b7;">Content here</div>
.text {color:#afa3b7;}
.background {background-color:#afa3b7;}
.border {border:1px solid #afa3b7;}
Shades of #afa3b7
- #100e12 #100e12
rgb(16,14,18) - #251f28 #251f28
rgb(37,31,40) - #39313e #39313e
rgb(57,49,62) - #4d4254 #4d4254
rgb(77,66,84) - #61536a #61536a
rgb(97,83,106) - #756480 #756480
rgb(117,100,128) - #897795 #897795
rgb(137,119,149) - #9c8da6 #9c8da6
rgb(156,141,166) - #afa3b7 #afa3b7
rgb(175,163,183) - #c2b9c8 #c2b9c8
rgb(194,185,200) - #d5cfd9 #d5cfd9
rgb(213,207,217) - #e8e5eb #e8e5eb
rgb(232,229,235) - #fcfbfc #fcfbfc
rgb(252,251,252)
Color Blindness Simulator
Below, you can see how #afa3b7 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.
