#ffaa46 Color Information
In a RGB color space, hex #ffaa46 is composed of 100% red, 66.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 72.5% yellow and 0% black. It has a hue angle of 32.4 degrees, a saturation of 100% and a lightness of 63.7%. #ffaa46 color hex could be obtained by blending #ffff8c with #ff5500. Closest websafe color is: #ff9933.
-
- R 100
- G 67
- B 27
-
- C 0
- M 33
- Y 73
- K 0
● #ffaa46 color description : Light orange.
#ffaa46 Color Conversion
The hexadecimal color #ffaa46 has RGB values of R:255, G:170, B:70 and CMYK values of C:0, M:0.33, Y:0.73, K:0. Its decimal value is 16755270.
Hex triplet | ffaa46 | #ffaa46 |
---|---|---|
RGB Decimal | 255, 170, 70 | rgb(255,170,70) |
RGB Percent | 100, 66.7, 27.5 | rgb(100%,66.7%,27.5%) |
CMYK | 0, 33, 73, 0 | |
HSL | 32.4°, 100, 63.7 | hsl(32.4,100%,63.7%) |
HSV (or HSB) | 32.4°, 72.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.348, 22.907, 61.899 |
---|---|
XYZ | 56.722, 50.455, 12.546 |
xyY | 0.474, 0.421, 50.455 |
CIE-LCH | 76.348, 66.002, 69.692 |
CIE-LUV | 76.348, 68.198, 64.664 |
Hunter-Lab | 71.032, 18.232, 39.251 |
Binary | 11111111, 10101010, 01000110 |
Color Schemes with #ffaa46
Alternatives to #ffaa46
Below, you can see some colors close to #ffaa46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa46 Preview
This text has a font color of #ffaa46.
<span style="color:#ffaa46;">Text here</span>
This paragraph has a background color of #ffaa46.
<p style="background-color:#ffaa46;">Content here</p>
This element has a border color of #ffaa46.
<div style="border:1px solid #ffaa46;">Content here</div>
.text {color:#ffaa46;}
.background {background-color:#ffaa46;}
.border {border:1px solid #ffaa46;}
Shades and Tints of #ffaa46
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)
-
#321b00
#321b00
rgb(50,27,0)
-
#462600
#462600
rgb(70,38,0)
-
#5a3000
#5a3000
rgb(90,48,0)
-
#6d3b00
#6d3b00
rgb(109,59,0)
-
#814600
#814600
rgb(129,70,0)
-
#945000
#945000
rgb(148,80,0)
-
#a85b00
#a85b00
rgb(168,91,0)
-
#bc6500
#bc6500
rgb(188,101,0)
-
#cf7000
#cf7000
rgb(207,112,0)
-
#e37b00
#e37b00
rgb(227,123,0)
-
#f78500
#f78500
rgb(247,133,0)
-
#ff8f0b
#ff8f0b
rgb(255,143,11)
-
#ff981f
#ff981f
rgb(255,152,31)
-
#ffa132
#ffa132
rgb(255,161,50)
-
#ffaa46
#ffaa46
rgb(255,170,70)
-
#ffb35a
#ffb35a
rgb(255,179,90)
-
#ffbc6d
#ffbc6d
rgb(255,188,109)
-
#ffc581
#ffc581
rgb(255,197,129)
-
#ffce94
#ffce94
rgb(255,206,148)
-
#ffd7a8
#ffd7a8
rgb(255,215,168)
-
#ffe0bc
#ffe0bc
rgb(255,224,188)
-
#ffe9cf
#ffe9cf
rgb(255,233,207)
-
#fff2e3
#fff2e3
rgb(255,242,227)
-
#fffbf7
#fffbf7
rgb(255,251,247)
Tones of #ffaa46
A tone is produced by adding gray to any pure hue. In this case, #aaa39b is the less saturated color, while #ffaa46 is the most saturated one.
-
#aaa39b
#aaa39b
rgb(170,163,155)
-
#b1a494
#b1a494
rgb(177,164,148)
-
#b8a48d
#b8a48d
rgb(184,164,141)
-
#bfa586
#bfa586
rgb(191,165,134)
-
#c6a57f
#c6a57f
rgb(198,165,127)
-
#cda678
#cda678
rgb(205,166,120)
-
#d4a771
#d4a771
rgb(212,167,113)
-
#dba76a
#dba76a
rgb(219,167,106)
-
#e3a862
#e3a862
rgb(227,168,98)
-
#eaa85b
#eaa85b
rgb(234,168,91)
-
#f1a954
#f1a954
rgb(241,169,84)
-
#f8a94d
#f8a94d
rgb(248,169,77)
-
#ffaa46
#ffaa46
rgb(255,170,70)
Color Blindness Simulator
Below, you can see how #ffaa46 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.