#ffaa52 Color Information
In a RGB color space, hex #ffaa52 is composed of 100% red, 66.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 67.8% yellow and 0% black. It has a hue angle of 30.5 degrees, a saturation of 100% and a lightness of 66.1%. #ffaa52 color hex could be obtained by blending #ffffa4 with #ff5500. Closest websafe color is: #ff9966.
-
- R 100
- G 67
- B 32
-
- C 0
- M 33
- Y 68
- K 0
● #ffaa52 color description : Light orange.
#ffaa52 Color Conversion
The hexadecimal color #ffaa52 has RGB values of R:255, G:170, B:82 and CMYK values of C:0, M:0.33, Y:0.68, K:0. Its decimal value is 16755282.
Hex triplet | ffaa52 | #ffaa52 |
---|---|---|
RGB Decimal | 255, 170, 82 | rgb(255,170,82) |
RGB Percent | 100, 66.7, 32.2 | rgb(100%,66.7%,32.2%) |
CMYK | 0, 33, 68, 0 | |
HSL | 30.5°, 100, 66.1 | hsl(30.5,100%,66.1%) |
HSV (or HSB) | 30.5°, 67.8, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.45, 23.499, 56.693 |
---|---|
XYZ | 57.139, 50.622, 14.744 |
xyY | 0.466, 0.413, 50.622 |
CIE-LCH | 76.45, 61.371, 67.486 |
CIE-LUV | 76.45, 67.288, 60.623 |
Hunter-Lab | 71.149, 18.839, 37.518 |
Binary | 11111111, 10101010, 01010010 |
Color Schemes with #ffaa52
Alternatives to #ffaa52
Below, you can see some colors close to #ffaa52. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa52 Preview
This text has a font color of #ffaa52.
<span style="color:#ffaa52;">Text here</span>
This paragraph has a background color of #ffaa52.
<p style="background-color:#ffaa52;">Content here</p>
This element has a border color of #ffaa52.
<div style="border:1px solid #ffaa52;">Content here</div>
.text {color:#ffaa52;}
.background {background-color:#ffaa52;}
.border {border:1px solid #ffaa52;}
Shades and Tints of #ffaa52
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, #040200 is the darkest color, while #fff7ef is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170c00
#170c00
rgb(23,12,0)
-
#2b1600
#2b1600
rgb(43,22,0)
-
#3e2000
#3e2000
rgb(62,32,0)
-
#522a00
#522a00
rgb(82,42,0)
-
#663400
#663400
rgb(102,52,0)
-
#793e00
#793e00
rgb(121,62,0)
-
#8d4800
#8d4800
rgb(141,72,0)
-
#a05200
#a05200
rgb(160,82,0)
-
#b45c00
#b45c00
rgb(180,92,0)
-
#c86600
#c86600
rgb(200,102,0)
-
#db7000
#db7000
rgb(219,112,0)
-
#ef7a00
#ef7a00
rgb(239,122,0)
-
#ff8304
#ff8304
rgb(255,131,4)
-
#ff8d17
#ff8d17
rgb(255,141,23)
-
#ff972b
#ff972b
rgb(255,151,43)
-
#ffa03e
#ffa03e
rgb(255,160,62)
-
#ffaa52
#ffaa52
rgb(255,170,82)
-
#ffb466
#ffb466
rgb(255,180,102)
-
#ffbd79
#ffbd79
rgb(255,189,121)
-
#ffc78d
#ffc78d
rgb(255,199,141)
-
#ffd1a0
#ffd1a0
rgb(255,209,160)
-
#ffdab4
#ffdab4
rgb(255,218,180)
-
#ffe4c8
#ffe4c8
rgb(255,228,200)
-
#ffeddb
#ffeddb
rgb(255,237,219)
-
#fff7ef
#fff7ef
rgb(255,247,239)
Tones of #ffaa52
A tone is produced by adding gray to any pure hue. In this case, #afa9a2 is the less saturated color, while #ffaa52 is the most saturated one.
-
#afa9a2
#afa9a2
rgb(175,169,162)
-
#b6a99b
#b6a99b
rgb(182,169,155)
-
#bca995
#bca995
rgb(188,169,149)
-
#c3a98e
#c3a98e
rgb(195,169,142)
-
#caa987
#caa987
rgb(202,169,135)
-
#d0a981
#d0a981
rgb(208,169,129)
-
#d7a97a
#d7a97a
rgb(215,169,122)
-
#dea973
#dea973
rgb(222,169,115)
-
#e4aa6d
#e4aa6d
rgb(228,170,109)
-
#ebaa66
#ebaa66
rgb(235,170,102)
-
#f2aa5f
#f2aa5f
rgb(242,170,95)
-
#f8aa59
#f8aa59
rgb(248,170,89)
-
#ffaa52
#ffaa52
rgb(255,170,82)
Color Blindness Simulator
Below, you can see how #ffaa52 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.