#ffaa45 Color Information
In a RGB color space, hex #ffaa45 is composed of 100% red, 66.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 72.9% yellow and 0% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 63.5%. #ffaa45 color hex could be obtained by blending #ffff8a with #ff5500. Closest websafe color is: #ff9933.
-
- R 100
- G 67
- B 27
-
- C 0
- M 33
- Y 73
- K 0
● #ffaa45 color description : Light orange.
#ffaa45 Color Conversion
The hexadecimal color #ffaa45 has RGB values of R:255, G:170, B:69 and CMYK values of C:0, M:0.33, Y:0.73, K:0. Its decimal value is 16755269.
Hex triplet | ffaa45 | #ffaa45 |
---|---|---|
RGB Decimal | 255, 170, 69 | rgb(255,170,69) |
RGB Percent | 100, 66.7, 27.1 | rgb(100%,66.7%,27.1%) |
CMYK | 0, 33, 73, 0 | |
HSL | 32.6°, 100, 63.5 | hsl(32.6,100%,63.5%) |
HSV (or HSB) | 32.6°, 72.9, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.34, 22.863, 62.315 |
---|---|
XYZ | 56.69, 50.443, 12.381 |
xyY | 0.474, 0.422, 50.443 |
CIE-LCH | 76.34, 66.376, 69.852 |
CIE-LUV | 76.34, 68.267, 64.97 |
Hunter-Lab | 71.023, 18.187, 39.381 |
Binary | 11111111, 10101010, 01000101 |
Color Schemes with #ffaa45
Alternatives to #ffaa45
Below, you can see some colors close to #ffaa45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa45 Preview
This text has a font color of #ffaa45.
<span style="color:#ffaa45;">Text here</span>
This paragraph has a background color of #ffaa45.
<p style="background-color:#ffaa45;">Content here</p>
This element has a border color of #ffaa45.
<div style="border:1px solid #ffaa45;">Content here</div>
.text {color:#ffaa45;}
.background {background-color:#ffaa45;}
.border {border:1px solid #ffaa45;}
Shades and Tints of #ffaa45
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#311b00
#311b00
rgb(49,27,0)
-
#452500
#452500
rgb(69,37,0)
-
#593000
#593000
rgb(89,48,0)
-
#6c3b00
#6c3b00
rgb(108,59,0)
-
#804500
#804500
rgb(128,69,0)
-
#935000
#935000
rgb(147,80,0)
-
#a75b00
#a75b00
rgb(167,91,0)
-
#bb6500
#bb6500
rgb(187,101,0)
-
#ce7000
#ce7000
rgb(206,112,0)
-
#e27b00
#e27b00
rgb(226,123,0)
-
#f68500
#f68500
rgb(246,133,0)
-
#ff8f0a
#ff8f0a
rgb(255,143,10)
-
#ff981e
#ff981e
rgb(255,152,30)
-
#ffa131
#ffa131
rgb(255,161,49)
-
#ffaa45
#ffaa45
rgb(255,170,69)
-
#ffb359
#ffb359
rgb(255,179,89)
-
#ffbc6c
#ffbc6c
rgb(255,188,108)
-
#ffc580
#ffc580
rgb(255,197,128)
-
#ffce93
#ffce93
rgb(255,206,147)
-
#ffd7a7
#ffd7a7
rgb(255,215,167)
-
#ffe0bb
#ffe0bb
rgb(255,224,187)
-
#ffe9ce
#ffe9ce
rgb(255,233,206)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #ffaa45
A tone is produced by adding gray to any pure hue. In this case, #a9a39b is the less saturated color, while #ffaa45 is the most saturated one.
-
#a9a39b
#a9a39b
rgb(169,163,155)
-
#b0a394
#b0a394
rgb(176,163,148)
-
#b7a48d
#b7a48d
rgb(183,164,141)
-
#bfa485
#bfa485
rgb(191,164,133)
-
#c6a57e
#c6a57e
rgb(198,165,126)
-
#cda677
#cda677
rgb(205,166,119)
-
#d4a670
#d4a670
rgb(212,166,112)
-
#dba769
#dba769
rgb(219,167,105)
-
#e2a862
#e2a862
rgb(226,168,98)
-
#eaa85a
#eaa85a
rgb(234,168,90)
-
#f1a953
#f1a953
rgb(241,169,83)
-
#f8a94c
#f8a94c
rgb(248,169,76)
-
#ffaa45
#ffaa45
rgb(255,170,69)
Color Blindness Simulator
Below, you can see how #ffaa45 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.