#ffaf46 Color Information
In a RGB color space, hex #ffaf46 is composed of 100% red, 68.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 72.5% yellow and 0% black. It has a hue angle of 34.1 degrees, a saturation of 100% and a lightness of 63.7%. #ffaf46 color hex could be obtained by blending #ffff8c with #ff5f00. Closest websafe color is: #ff9933.
-
- R 100
- G 69
- B 27
-
- C 0
- M 31
- Y 73
- K 0
● #ffaf46 color description : Light orange.
#ffaf46 Color Conversion
The hexadecimal color #ffaf46 has RGB values of R:255, G:175, B:70 and CMYK values of C:0, M:0.31, Y:0.73, K:0. Its decimal value is 16756550.
Hex triplet | ffaf46 | #ffaf46 |
---|---|---|
RGB Decimal | 255, 175, 70 | rgb(255,175,70) |
RGB Percent | 100, 68.6, 27.5 | rgb(100%,68.6%,27.5%) |
CMYK | 0, 31, 73, 0 | |
HSL | 34.1°, 100, 63.7 | hsl(34.1,100%,63.7%) |
HSV (or HSB) | 34.1°, 72.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.499, 20.296, 63.068 |
---|---|
XYZ | 57.677, 52.366, 12.864 |
xyY | 0.469, 0.426, 52.366 |
CIE-LCH | 77.499, 66.253, 72.161 |
CIE-LUV | 77.499, 64.283, 66.652 |
Hunter-Lab | 72.364, 15.633, 40.115 |
Binary | 11111111, 10101111, 01000110 |
Color Schemes with #ffaf46
Alternatives to #ffaf46
Below, you can see some colors close to #ffaf46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf46 Preview
This text has a font color of #ffaf46.
<span style="color:#ffaf46;">Text here</span>
This paragraph has a background color of #ffaf46.
<p style="background-color:#ffaf46;">Content here</p>
This element has a border color of #ffaf46.
<div style="border:1px solid #ffaf46;">Content here</div>
.text {color:#ffaf46;}
.background {background-color:#ffaf46;}
.border {border:1px solid #ffaf46;}
Shades and Tints of #ffaf46
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, #0b0600 is the darkest color, while #fffbf7 is the lightest one.
-
#0b0600
#0b0600
rgb(11,6,0)
-
#1f1100
#1f1100
rgb(31,17,0)
-
#321d00
#321d00
rgb(50,29,0)
-
#462800
#462800
rgb(70,40,0)
-
#5a3300
#5a3300
rgb(90,51,0)
-
#6d3e00
#6d3e00
rgb(109,62,0)
-
#814900
#814900
rgb(129,73,0)
-
#945400
#945400
rgb(148,84,0)
-
#a85f00
#a85f00
rgb(168,95,0)
-
#bc6b00
#bc6b00
rgb(188,107,0)
-
#cf7600
#cf7600
rgb(207,118,0)
-
#e38100
#e38100
rgb(227,129,0)
-
#f78c00
#f78c00
rgb(247,140,0)
-
#ff960b
#ff960b
rgb(255,150,11)
-
#ff9e1f
#ff9e1f
rgb(255,158,31)
-
#ffa732
#ffa732
rgb(255,167,50)
-
#ffaf46
#ffaf46
rgb(255,175,70)
-
#ffb75a
#ffb75a
rgb(255,183,90)
-
#ffc06d
#ffc06d
rgb(255,192,109)
-
#ffc881
#ffc881
rgb(255,200,129)
-
#ffd194
#ffd194
rgb(255,209,148)
-
#ffd9a8
#ffd9a8
rgb(255,217,168)
-
#ffe2bc
#ffe2bc
rgb(255,226,188)
-
#ffeacf
#ffeacf
rgb(255,234,207)
-
#fff3e3
#fff3e3
rgb(255,243,227)
-
#fffbf7
#fffbf7
rgb(255,251,247)
Tones of #ffaf46
A tone is produced by adding gray to any pure hue. In this case, #aaa39b is the less saturated color, while #ffaf46 is the most saturated one.
-
#aaa39b
#aaa39b
rgb(170,163,155)
-
#b1a494
#b1a494
rgb(177,164,148)
-
#b8a58d
#b8a58d
rgb(184,165,141)
-
#bfa686
#bfa686
rgb(191,166,134)
-
#c6a77f
#c6a77f
rgb(198,167,127)
-
#cda878
#cda878
rgb(205,168,120)
-
#d4a971
#d4a971
rgb(212,169,113)
-
#dbaa6a
#dbaa6a
rgb(219,170,106)
-
#e3ab62
#e3ab62
rgb(227,171,98)
-
#eaac5b
#eaac5b
rgb(234,172,91)
-
#f1ad54
#f1ad54
rgb(241,173,84)
-
#f8ae4d
#f8ae4d
rgb(248,174,77)
-
#ffaf46
#ffaf46
rgb(255,175,70)
Color Blindness Simulator
Below, you can see how #ffaf46 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.