#ffaf4f Color Information
In a RGB color space, hex #ffaf4f is composed of 100% red, 68.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 69% yellow and 0% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 65.5%. #ffaf4f color hex could be obtained by blending #ffff9e with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 31
-
- C 0
- M 31
- Y 69
- K 0
● #ffaf4f color description : Light orange.
#ffaf4f Color Conversion
The hexadecimal color #ffaf4f has RGB values of R:255, G:175, B:79 and CMYK values of C:0, M:0.31, Y:0.69, K:0. Its decimal value is 16756559.
Hex triplet | ffaf4f | #ffaf4f |
---|---|---|
RGB Decimal | 255, 175, 79 | rgb(255,175,79) |
RGB Percent | 100, 68.6, 31 | rgb(100%,68.6%,31%) |
CMYK | 0, 31, 69, 0 | |
HSL | 32.7°, 100, 65.5 | hsl(32.7,100%,65.5%) |
HSV (or HSB) | 32.7°, 69, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.572, 20.729, 59.258 |
---|---|
XYZ | 57.982, 52.488, 14.474 |
xyY | 0.464, 0.42, 52.488 |
CIE-LCH | 77.572, 62.779, 70.72 |
CIE-LUV | 77.572, 63.661, 63.736 |
Hunter-Lab | 72.449, 16.073, 38.869 |
Binary | 11111111, 10101111, 01001111 |
Color Schemes with #ffaf4f
Alternatives to #ffaf4f
Below, you can see some colors close to #ffaf4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf4f Preview
This text has a font color of #ffaf4f.
<span style="color:#ffaf4f;">Text here</span>
This paragraph has a background color of #ffaf4f.
<p style="background-color:#ffaf4f;">Content here</p>
This element has a border color of #ffaf4f.
<div style="border:1px solid #ffaf4f;">Content here</div>
.text {color:#ffaf4f;}
.background {background-color:#ffaf4f;}
.border {border:1px solid #ffaf4f;}
Shades and Tints of #ffaf4f
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, #010000 is the darkest color, while #fff6ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140b00
#140b00
rgb(20,11,0)
-
#281600
#281600
rgb(40,22,0)
-
#3b2000
#3b2000
rgb(59,32,0)
-
#4f2b00
#4f2b00
rgb(79,43,0)
-
#633600
#633600
rgb(99,54,0)
-
#764000
#764000
rgb(118,64,0)
-
#8a4b00
#8a4b00
rgb(138,75,0)
-
#9d5600
#9d5600
rgb(157,86,0)
-
#b16100
#b16100
rgb(177,97,0)
-
#c56b00
#c56b00
rgb(197,107,0)
-
#d87600
#d87600
rgb(216,118,0)
-
#ec8100
#ec8100
rgb(236,129,0)
-
#ff8b01
#ff8b01
rgb(255,139,1)
-
#ff9414
#ff9414
rgb(255,148,20)
-
#ff9d28
#ff9d28
rgb(255,157,40)
-
#ffa63b
#ffa63b
rgb(255,166,59)
-
#ffaf4f
#ffaf4f
rgb(255,175,79)
-
#ffb863
#ffb863
rgb(255,184,99)
-
#ffc176
#ffc176
rgb(255,193,118)
-
#ffca8a
#ffca8a
rgb(255,202,138)
-
#ffd39d
#ffd39d
rgb(255,211,157)
-
#ffdcb1
#ffdcb1
rgb(255,220,177)
-
#ffe4c5
#ffe4c5
rgb(255,228,197)
-
#ffedd8
#ffedd8
rgb(255,237,216)
-
#fff6ec
#fff6ec
rgb(255,246,236)
Tones of #ffaf4f
A tone is produced by adding gray to any pure hue. In this case, #aea8a0 is the less saturated color, while #ffaf4f is the most saturated one.
-
#aea8a0
#aea8a0
rgb(174,168,160)
-
#b5a899
#b5a899
rgb(181,168,153)
-
#bba993
#bba993
rgb(187,169,147)
-
#c2a98c
#c2a98c
rgb(194,169,140)
-
#c9aa85
#c9aa85
rgb(201,170,133)
-
#d0ab7e
#d0ab7e
rgb(208,171,126)
-
#d6ab78
#d6ab78
rgb(214,171,120)
-
#ddac71
#ddac71
rgb(221,172,113)
-
#e4ad6a
#e4ad6a
rgb(228,173,106)
-
#ebad63
#ebad63
rgb(235,173,99)
-
#f1ae5d
#f1ae5d
rgb(241,174,93)
-
#f8ae56
#f8ae56
rgb(248,174,86)
-
#ffaf4f
#ffaf4f
rgb(255,175,79)
Color Blindness Simulator
Below, you can see how #ffaf4f 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.