#ffaf61 Color Information
In a RGB color space, hex #ffaf61 is composed of 100% red, 68.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 62% yellow and 0% black. It has a hue angle of 29.6 degrees, a saturation of 100% and a lightness of 69%. #ffaf61 color hex could be obtained by blending #ffffc2 with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 38
-
- C 0
- M 31
- Y 62
- K 0
● #ffaf61 color description : Light orange.
#ffaf61 Color Conversion
The hexadecimal color #ffaf61 has RGB values of R:255, G:175, B:97 and CMYK values of C:0, M:0.31, Y:0.62, K:0. Its decimal value is 16756577.
Hex triplet | ffaf61 | #ffaf61 |
---|---|---|
RGB Decimal | 255, 175, 97 | rgb(255,175,97) |
RGB Percent | 100, 68.6, 38 | rgb(100%,68.6%,38%) |
CMYK | 0, 31, 62, 0 | |
HSL | 29.6°, 100, 69 | hsl(29.6,100%,69%) |
HSV (or HSB) | 29.6°, 62, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.749, 21.777, 51.054 |
---|---|
XYZ | 58.729, 52.787, 18.404 |
xyY | 0.452, 0.406, 52.787 |
CIE-LCH | 77.749, 55.505, 66.899 |
CIE-LUV | 77.749, 62.183, 56.787 |
Hunter-Lab | 72.654, 17.142, 35.839 |
Binary | 11111111, 10101111, 01100001 |
Color Schemes with #ffaf61
Alternatives to #ffaf61
Below, you can see some colors close to #ffaf61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf61 Preview
This text has a font color of #ffaf61.
<span style="color:#ffaf61;">Text here</span>
This paragraph has a background color of #ffaf61.
<p style="background-color:#ffaf61;">Content here</p>
This element has a border color of #ffaf61.
<div style="border:1px solid #ffaf61;">Content here</div>
.text {color:#ffaf61;}
.background {background-color:#ffaf61;}
.border {border:1px solid #ffaf61;}
Shades and Tints of #ffaf61
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, #130900 is the darkest color, while #fffefe is the lightest one.
-
#130900
#130900
rgb(19,9,0)
-
#261300
#261300
rgb(38,19,0)
-
#3a1d00
#3a1d00
rgb(58,29,0)
-
#4d2600
#4d2600
rgb(77,38,0)
-
#613000
#613000
rgb(97,48,0)
-
#753a00
#753a00
rgb(117,58,0)
-
#884300
#884300
rgb(136,67,0)
-
#9c4d00
#9c4d00
rgb(156,77,0)
-
#af5700
#af5700
rgb(175,87,0)
-
#c36000
#c36000
rgb(195,96,0)
-
#d76a00
#d76a00
rgb(215,106,0)
-
#ea7400
#ea7400
rgb(234,116,0)
-
#fe7d00
#fe7d00
rgb(254,125,0)
-
#ff8713
#ff8713
rgb(255,135,19)
-
#ff9126
#ff9126
rgb(255,145,38)
-
#ff9b3a
#ff9b3a
rgb(255,155,58)
-
#ffa54d
#ffa54d
rgb(255,165,77)
-
#ffaf61
#ffaf61
rgb(255,175,97)
-
#ffb975
#ffb975
rgb(255,185,117)
-
#ffc388
#ffc388
rgb(255,195,136)
-
#ffcd9c
#ffcd9c
rgb(255,205,156)
-
#ffd7af
#ffd7af
rgb(255,215,175)
-
#ffe1c3
#ffe1c3
rgb(255,225,195)
-
#ffebd7
#ffebd7
rgb(255,235,215)
-
#fff5ea
#fff5ea
rgb(255,245,234)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ffaf61
A tone is produced by adding gray to any pure hue. In this case, #b6b0aa is the less saturated color, while #ffaf61 is the most saturated one.
-
#b6b0aa
#b6b0aa
rgb(182,176,170)
-
#bcb0a4
#bcb0a4
rgb(188,176,164)
-
#c2b09e
#c2b09e
rgb(194,176,158)
-
#c8b098
#c8b098
rgb(200,176,152)
-
#ceb092
#ceb092
rgb(206,176,146)
-
#d4b08c
#d4b08c
rgb(212,176,140)
-
#dbaf85
#dbaf85
rgb(219,175,133)
-
#e1af7f
#e1af7f
rgb(225,175,127)
-
#e7af79
#e7af79
rgb(231,175,121)
-
#edaf73
#edaf73
rgb(237,175,115)
-
#f3af6d
#f3af6d
rgb(243,175,109)
-
#f9af67
#f9af67
rgb(249,175,103)
-
#ffaf61
#ffaf61
rgb(255,175,97)
Color Blindness Simulator
Below, you can see how #ffaf61 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.