#afa478 color information
In a RGB color space, hex #afa478 is composed of 68.6% red, 64.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.3% magenta, 31.4% yellow and 31.4% black. It has a hue angle of 48 degrees, a saturation of 25.6% and a lightness of 57.8%. #afa478 color hex could be obtained by blending #fffff0 with #5f4900. Closest websafe color is: #999966.
#afa478 color conversion
The hexadecimal color #afa478 has RGB values of R:175, G:164, B:120 and CMYK values of C:0, M:0.06, Y:0.31, K:0.31. Its decimal value is 11510904.
- Hex triplet afa478
#afa478 - RGB Decimal 175, 164, 120
rgb(175,164,120) - RGB Percent 68.6, 64.3, 47.1
rgb(68.6%,64.3%,47.1%) - CMYK 0, 6, 31, 31
- HSL 48°, 25.6, 57.8
hsl(48,26%,58%) - HSV (or HSB) 48°, 31.4, 68.6
- Web Safe 999966
#999966
- CIE-LAB 67.293, -2.892, 24.317
- XYZ 34.344, 37.022, 23.105
- xyY 0.364, 0.392, 37.022
- CIE-LCH 67.293, 24.488, 96.782
- CIE-LUV 67.293, 9.299, 32.615
- Hunter-Lab 60.845, -5.724, 20.077
- Binary 10101111, 10100100, 01111000
Color Schemes with #afa478
#afa478 in action
This text has a font color of #afa478.
<span style="color:#afa478;">Text here</span>
This paragraph has a background color of #afa478.
<p style="background-color:#afa478;">Content here</p>
This element has a border color of #afa478.
<div style="border:1px solid #afa478;">Content here</div>
.text {color:#afa478;}
.background {background-color:#afa478;}
.border {border:1px solid #afa478;}
Shades of #afa478
- #0d0c08 #0d0c08
rgb(13,12,8) - #252216 #252216
rgb(37,34,22) - #3e3925 #3e3925
rgb(62,57,37) - #575033 #575033
rgb(87,80,51) - #6f6642 #6f6642
rgb(111,102,66) - #887d51 #887d51
rgb(136,125,81) - #a0935f #a0935f
rgb(160,147,95) - #afa478 #afa478
rgb(175,164,120) - #beb591 #beb591
rgb(190,181,145) - #ccc5a9 #ccc5a9
rgb(204,197,169) - #dbd6c2 #dbd6c2
rgb(219,214,194) - #e9e6db #e9e6db
rgb(233,230,219) - #f8f7f3 #f8f7f3
rgb(248,247,243)
Color Blindness Simulator
Below, you can see how #afa478 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.
