#af690a color information
In a RGB color space, hex #af690a is composed of 68.6% red, 41.2% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 34.5 degrees, a saturation of 89.2% and a lightness of 36.3%. #af690a color hex could be obtained by blending #ffd214 with #5f0000. Closest websafe color is: #996600.
#af690a color conversion
The hexadecimal color #af690a has RGB values of R:175, G:105, B:10 and CMYK values of C:0, M:0.4, Y:0.94, K:0.31. Its decimal value is 11495690.
- Hex triplet af690a
#af690a - RGB Decimal 175, 105, 10
rgb(175,105,10) - RGB Percent 68.6, 41.2, 3.9
rgb(68.6%,41.2%,3.9%) - CMYK 0, 40, 94, 31
- HSL 34.5°, 89.2, 36.3
hsl(35,89%,36%) - HSV (or HSB) 34.5°, 94.3, 68.6
- Web Safe 996600
#996600
- CIE-LAB 50.968, 21.955, 56.421
- XYZ 22.786, 19.241, 2.801
- xyY 0.508, 0.429, 19.241
- CIE-LCH 50.968, 60.543, 68.737
- CIE-LUV 50.968, 57.754, 48.466
- Hunter-Lab 43.864, 15.963, 26.919
- Binary 10101111, 01101001, 00001010
Color Schemes with #af690a
#af690a in action
This text has a font color of #af690a.
<span style="color:#af690a;">Text here</span>
This paragraph has a background color of #af690a.
<p style="background-color:#af690a;">Content here</p>
This element has a border color of #af690a.
<div style="border:1px solid #af690a;">Content here</div>
.text {color:#af690a;}
.background {background-color:#af690a;}
.border {border:1px solid #af690a;}
Shades of #af690a
- #1b1002 #1b1002
rgb(27,16,2) - #402604 #402604
rgb(64,38,4) - #653c06 #653c06
rgb(101,60,6) - #8a5308 #8a5308
rgb(138,83,8) - #af690a #af690a
rgb(175,105,10) - #d47f0c #d47f0c
rgb(212,127,12) - #f29416 #f29416
rgb(242,148,22) - #f4a53b #f4a53b
rgb(244,165,59) - #f6b660 #f6b660
rgb(246,182,96) - #f8c785 #f8c785
rgb(248,199,133) - #fad8aa #fad8aa
rgb(250,216,170) - #fce9cf #fce9cf
rgb(252,233,207) - #fefaf4 #fefaf4
rgb(254,250,244)
Color Blindness Simulator
Below, you can see how #af690a 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.
