#afb333 color information
In a RGB color space, hex #afb333 is composed of 68.6% red, 70.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 71.5% yellow and 29.8% black. It has a hue angle of 61.9 degrees, a saturation of 55.7% and a lightness of 45.1%. #afb333 color hex could be obtained by blending #ffff66 with #5f6700. Closest websafe color is: #99cc33.
#afb333 color conversion
The hexadecimal color #afb333 has RGB values of R:175, G:179, B:51 and CMYK values of C:0.02, M:0, Y:0.72, K:0.3. Its decimal value is 11514675.
- Hex triplet afb333
#afb333 - RGB Decimal 175, 179, 51
rgb(175,179,51) - RGB Percent 68.6, 70.2, 20
rgb(68.6%,70.2%,20%) - CMYK 2, 0, 72, 30
- HSL 61.9°, 55.7, 45.1
hsl(62,56%,45%) - HSV (or HSB) 61.9°, 71.5, 70.2
- Web Safe 99cc33
#99cc33
- CIE-LAB 70.59, -16.921, 61.062
- XYZ 34.397, 41.594, 9.348
- xyY 0.403, 0.487, 41.594
- CIE-LCH 70.59, 63.363, 105.488
- CIE-LUV 70.59, 2.407, 70.732
- Hunter-Lab 64.493, -17.662, 36.551
- Binary 10101111, 10110011, 00110011
Color Schemes with #afb333
#afb333 in action
This text has a font color of #afb333.
<span style="color:#afb333;">Text here</span>
This paragraph has a background color of #afb333.
<p style="background-color:#afb333;">Content here</p>
This element has a border color of #afb333.
<div style="border:1px solid #afb333;">Content here</div>
.text {color:#afb333;}
.background {background-color:#afb333;}
.border {border:1px solid #afb333;}
Shades of #afb333
- #1a1a08 #1a1a08
rgb(26,26,8) - #383910 #383910
rgb(56,57,16) - #555719 #555719
rgb(85,87,25) - #737622 #737622
rgb(115,118,34) - #91942a #91942a
rgb(145,148,42) - #afb333 #afb333
rgb(175,179,51) - #c5ca44 #c5ca44
rgb(197,202,68) - #cfd262 #cfd262
rgb(207,210,98) - #d8db81 #d8db81
rgb(216,219,129) - #e2e49f #e2e49f
rgb(226,228,159) - #ebecbe #ebecbe
rgb(235,236,190) - #f4f5dc #f4f5dc
rgb(244,245,220) - #fefefb #fefefb
rgb(254,254,251)
Color Blindness Simulator
Below, you can see how #afb333 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.
