#ffaf4d Color Information
In a RGB color space, hex #ffaf4d is composed of 100% red, 68.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 69.8% yellow and 0% black. It has a hue angle of 33 degrees, a saturation of 100% and a lightness of 65.1%. #ffaf4d color hex could be obtained by blending #ffff9a with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 30
-
- C 0
- M 31
- Y 70
- K 0
● #ffaf4d color description : Light orange.
#ffaf4d Color Conversion
The hexadecimal color #ffaf4d has RGB values of R:255, G:175, B:77 and CMYK values of C:0, M:0.31, Y:0.7, K:0. Its decimal value is 16756557.
Hex triplet | ffaf4d | #ffaf4d |
---|---|---|
RGB Decimal | 255, 175, 77 | rgb(255,175,77) |
RGB Percent | 100, 68.6, 30.2 | rgb(100%,68.6%,30.2%) |
CMYK | 0, 31, 70, 0 | |
HSL | 33°, 100, 65.1 | hsl(33,100%,65.1%) |
HSV (or HSB) | 33°, 69.8, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.555, 20.627, 60.125 |
---|---|
XYZ | 57.911, 52.459, 14.097 |
xyY | 0.465, 0.421, 52.459 |
CIE-LCH | 77.555, 63.565, 71.064 |
CIE-LUV | 77.555, 63.806, 64.416 |
Hunter-Lab | 72.429, 15.97, 39.161 |
Binary | 11111111, 10101111, 01001101 |
Color Schemes with #ffaf4d
Alternatives to #ffaf4d
Below, you can see some colors close to #ffaf4d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf4d Preview
This text has a font color of #ffaf4d.
<span style="color:#ffaf4d;">Text here</span>
This paragraph has a background color of #ffaf4d.
<p style="background-color:#ffaf4d;">Content here</p>
This element has a border color of #ffaf4d.
<div style="border:1px solid #ffaf4d;">Content here</div>
.text {color:#ffaf4d;}
.background {background-color:#ffaf4d;}
.border {border:1px solid #ffaf4d;}
Shades and Tints of #ffaf4d
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #120a00 is the darkest color, while #fffefe is the lightest one.
-
#120a00
#120a00
rgb(18,10,0)
-
#261500
#261500
rgb(38,21,0)
-
#392000
#392000
rgb(57,32,0)
-
#4d2a00
#4d2a00
rgb(77,42,0)
-
#613500
#613500
rgb(97,53,0)
-
#744000
#744000
rgb(116,64,0)
-
#884b00
#884b00
rgb(136,75,0)
-
#9b5600
#9b5600
rgb(155,86,0)
-
#af6000
#af6000
rgb(175,96,0)
-
#c36b00
#c36b00
rgb(195,107,0)
-
#d67600
#d67600
rgb(214,118,0)
-
#ea8100
#ea8100
rgb(234,129,0)
-
#fe8c00
#fe8c00
rgb(254,140,0)
-
#ff9512
#ff9512
rgb(255,149,18)
-
#ff9d26
#ff9d26
rgb(255,157,38)
-
#ffa639
#ffa639
rgb(255,166,57)
-
#ffaf4d
#ffaf4d
rgb(255,175,77)
-
#ffb861
#ffb861
rgb(255,184,97)
-
#ffc174
#ffc174
rgb(255,193,116)
-
#ffc988
#ffc988
rgb(255,201,136)
-
#ffd29b
#ffd29b
rgb(255,210,155)
-
#ffdbaf
#ffdbaf
rgb(255,219,175)
-
#ffe4c3
#ffe4c3
rgb(255,228,195)
-
#ffedd6
#ffedd6
rgb(255,237,214)
-
#fff6ea
#fff6ea
rgb(255,246,234)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ffaf4d
A tone is produced by adding gray to any pure hue. In this case, #ada79f is the less saturated color, while #ffaf4d is the most saturated one.
-
#ada79f
#ada79f
rgb(173,167,159)
-
#b4a798
#b4a798
rgb(180,167,152)
-
#bba891
#bba891
rgb(187,168,145)
-
#c1a98b
#c1a98b
rgb(193,169,139)
-
#c8a984
#c8a984
rgb(200,169,132)
-
#cfaa7d
#cfaa7d
rgb(207,170,125)
-
#d6ab76
#d6ab76
rgb(214,171,118)
-
#ddac6f
#ddac6f
rgb(221,172,111)
-
#e4ac68
#e4ac68
rgb(228,172,104)
-
#eaad62
#eaad62
rgb(234,173,98)
-
#f1ae5b
#f1ae5b
rgb(241,174,91)
-
#f8ae54
#f8ae54
rgb(248,174,84)
-
#ffaf4d
#ffaf4d
rgb(255,175,77)
Color Blindness Simulator
Below, you can see how #ffaf4d 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.