#ffa549 Color Information
In a RGB color space, hex #ffa549 is composed of 100% red, 64.7% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 71.4% yellow and 0% black. It has a hue angle of 30.3 degrees, a saturation of 100% and a lightness of 64.3%. #ffa549 color hex could be obtained by blending #ffff92 with #ff4b00. Closest websafe color is: #ff9933.
-
- R 100
- G 65
- B 29
-
- C 0
- M 35
- Y 71
- K 0
● #ffa549 color description : Light orange.
#ffa549 Color Conversion
The hexadecimal color #ffa549 has RGB values of R:255, G:165, B:73 and CMYK values of C:0, M:0.35, Y:0.71, K:0. Its decimal value is 16753993.
Hex triplet | ffa549 | #ffa549 |
---|---|---|
RGB Decimal | 255, 165, 73 | rgb(255,165,73) |
RGB Percent | 100, 64.7, 28.6 | rgb(100%,64.7%,28.6%) |
CMYK | 0, 35, 71, 0 | |
HSL | 30.3°, 100, 64.3 | hsl(30.3,100%,64.3%) |
HSV (or HSB) | 30.3°, 71.4, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.236, 25.655, 59.456 |
---|---|
XYZ | 55.899, 48.655, 12.75 |
xyY | 0.477, 0.415, 48.655 |
CIE-LCH | 75.236, 64.755, 66.66 |
CIE-LUV | 75.236, 71.91, 61.722 |
Hunter-Lab | 69.753, 20.979, 37.989 |
Binary | 11111111, 10100101, 01001001 |
Color Schemes with #ffa549
Alternatives to #ffa549
Below, you can see some colors close to #ffa549. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa549 Preview
This text has a font color of #ffa549.
<span style="color:#ffa549;">Text here</span>
This paragraph has a background color of #ffa549.
<p style="background-color:#ffa549;">Content here</p>
This element has a border color of #ffa549.
<div style="border:1px solid #ffa549;">Content here</div>
.text {color:#ffa549;}
.background {background-color:#ffa549;}
.border {border:1px solid #ffa549;}
Shades and Tints of #ffa549
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, #0e0700 is the darkest color, while #fffcfa is the lightest one.
-
#0e0700
#0e0700
rgb(14,7,0)
-
#221100
#221100
rgb(34,17,0)
-
#351b00
#351b00
rgb(53,27,0)
-
#492500
#492500
rgb(73,37,0)
-
#5d2f00
#5d2f00
rgb(93,47,0)
-
#703900
#703900
rgb(112,57,0)
-
#844300
#844300
rgb(132,67,0)
-
#974d00
#974d00
rgb(151,77,0)
-
#ab5600
#ab5600
rgb(171,86,0)
-
#bf6000
#bf6000
rgb(191,96,0)
-
#d26a00
#d26a00
rgb(210,106,0)
-
#e67400
#e67400
rgb(230,116,0)
-
#fa7e00
#fa7e00
rgb(250,126,0)
-
#ff880e
#ff880e
rgb(255,136,14)
-
#ff9222
#ff9222
rgb(255,146,34)
-
#ff9b35
#ff9b35
rgb(255,155,53)
-
#ffa549
#ffa549
rgb(255,165,73)
-
#ffaf5d
#ffaf5d
rgb(255,175,93)
-
#ffb870
#ffb870
rgb(255,184,112)
-
#ffc284
#ffc284
rgb(255,194,132)
-
#ffcc97
#ffcc97
rgb(255,204,151)
-
#ffd5ab
#ffd5ab
rgb(255,213,171)
-
#ffdfbf
#ffdfbf
rgb(255,223,191)
-
#ffe9d2
#ffe9d2
rgb(255,233,210)
-
#fff3e6
#fff3e6
rgb(255,243,230)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #ffa549
A tone is produced by adding gray to any pure hue. In this case, #aba49d is the less saturated color, while #ffa549 is the most saturated one.
-
#aba49d
#aba49d
rgb(171,164,157)
-
#b2a496
#b2a496
rgb(178,164,150)
-
#b9a48f
#b9a48f
rgb(185,164,143)
-
#c0a488
#c0a488
rgb(192,164,136)
-
#c7a481
#c7a481
rgb(199,164,129)
-
#cea47a
#cea47a
rgb(206,164,122)
-
#d5a573
#d5a573
rgb(213,165,115)
-
#dca56c
#dca56c
rgb(220,165,108)
-
#e3a565
#e3a565
rgb(227,165,101)
-
#eaa55e
#eaa55e
rgb(234,165,94)
-
#f1a557
#f1a557
rgb(241,165,87)
-
#f8a550
#f8a550
rgb(248,165,80)
-
#ffa549
#ffa549
rgb(255,165,73)
Color Blindness Simulator
Below, you can see how #ffa549 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.