#ffaa12 Color Information
In a RGB color space, hex #ffaa12 is composed of 100% red, 66.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 92.9% yellow and 0% black. It has a hue angle of 38.5 degrees, a saturation of 100% and a lightness of 53.5%. #ffaa12 color hex could be obtained by blending #ffff24 with #ff5500. Closest websafe color is: #ff9900.
-
- R 100
- G 67
- B 7
-
- C 0
- M 33
- Y 93
- K 0
● #ffaa12 color description : Vivid orange.
#ffaa12 Color Conversion
The hexadecimal color #ffaa12 has RGB values of R:255, G:170, B:18 and CMYK values of C:0, M:0.33, Y:0.93, K:0. Its decimal value is 16755218.
Hex triplet | ffaa12 | #ffaa12 |
---|---|---|
RGB Decimal | 255, 170, 18 | rgb(255,170,18) |
RGB Percent | 100, 66.7, 7.1 | rgb(100%,66.7%,7.1%) |
CMYK | 0, 33, 93, 0 | |
HSL | 38.5°, 100, 53.5 | hsl(38.5,100%,53.5%) |
HSV (or HSB) | 38.5°, 92.9, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 76.104, 21.479, 77.554 |
---|---|
XYZ | 55.725, 50.057, 7.299 |
xyY | 0.493, 0.443, 50.057 |
CIE-LCH | 76.104, 80.473, 74.519 |
CIE-LUV | 76.104, 70.451, 74.644 |
Hunter-Lab | 70.751, 16.777, 43.409 |
Binary | 11111111, 10101010, 00010010 |
Color Schemes with #ffaa12
Alternatives to #ffaa12
Below, you can see some colors close to #ffaa12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa12 Preview
This text has a font color of #ffaa12.
<span style="color:#ffaa12;">Text here</span>
This paragraph has a background color of #ffaa12.
<p style="background-color:#ffaa12;">Content here</p>
This element has a border color of #ffaa12.
<div style="border:1px solid #ffaa12;">Content here</div>
.text {color:#ffaa12;}
.background {background-color:#ffaa12;}
.border {border:1px solid #ffaa12;}
Shades and Tints of #ffaa12
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, #120c00 is the darkest color, while #fffefd is the lightest one.
-
#120c00
#120c00
rgb(18,12,0)
-
#261800
#261800
rgb(38,24,0)
-
#392500
#392500
rgb(57,37,0)
-
#4d3100
#4d3100
rgb(77,49,0)
-
#603e00
#603e00
rgb(96,62,0)
-
#744a00
#744a00
rgb(116,74,0)
-
#885700
#885700
rgb(136,87,0)
-
#9b6400
#9b6400
rgb(155,100,0)
-
#af7000
#af7000
rgb(175,112,0)
-
#c37d00
#c37d00
rgb(195,125,0)
-
#d68900
#d68900
rgb(214,137,0)
-
#ea9600
#ea9600
rgb(234,150,0)
-
#fda300
#fda300
rgb(253,163,0)
-
#ffaa12
#ffaa12
rgb(255,170,18)
-
#ffb126
#ffb126
rgb(255,177,38)
-
#ffb839
#ffb839
rgb(255,184,57)
-
#ffbf4d
#ffbf4d
rgb(255,191,77)
-
#ffc660
#ffc660
rgb(255,198,96)
-
#ffcd74
#ffcd74
rgb(255,205,116)
-
#ffd488
#ffd488
rgb(255,212,136)
-
#ffdb9b
#ffdb9b
rgb(255,219,155)
-
#ffe2af
#ffe2af
rgb(255,226,175)
-
#ffe9c3
#ffe9c3
rgb(255,233,195)
-
#fff0d6
#fff0d6
rgb(255,240,214)
-
#fff7ea
#fff7ea
rgb(255,247,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ffaa12
A tone is produced by adding gray to any pure hue. In this case, #928b7f is the less saturated color, while #ffaa12 is the most saturated one.
-
#928b7f
#928b7f
rgb(146,139,127)
-
#9b8e76
#9b8e76
rgb(155,142,118)
-
#a4906d
#a4906d
rgb(164,144,109)
-
#ad9364
#ad9364
rgb(173,147,100)
-
#b6955b
#b6955b
rgb(182,149,91)
-
#bf9852
#bf9852
rgb(191,152,82)
-
#c89b49
#c89b49
rgb(200,155,73)
-
#d19d40
#d19d40
rgb(209,157,64)
-
#dba036
#dba036
rgb(219,160,54)
-
#e4a22d
#e4a22d
rgb(228,162,45)
-
#eda524
#eda524
rgb(237,165,36)
-
#f6a71b
#f6a71b
rgb(246,167,27)
-
#ffaa12
#ffaa12
rgb(255,170,18)
Color Blindness Simulator
Below, you can see how #ffaa12 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.