#ffaa1a Color Information
In a RGB color space, hex #ffaa1a is composed of 100% red, 66.7% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 89.8% yellow and 0% black. It has a hue angle of 37.7 degrees, a saturation of 100% and a lightness of 55.1%. #ffaa1a color hex could be obtained by blending #ffff34 with #ff5500. Closest websafe color is: #ff9933.
-
- R 100
- G 67
- B 10
-
- C 0
- M 33
- Y 90
- K 0
● #ffaa1a color description : Vivid orange.
#ffaa1a Color Conversion
The hexadecimal color #ffaa1a has RGB values of R:255, G:170, B:26 and CMYK values of C:0, M:0.33, Y:0.9, K:0. Its decimal value is 16755226.
Hex triplet | ffaa1a | #ffaa1a |
---|---|---|
RGB Decimal | 255, 170, 26 | rgb(255,170,26) |
RGB Percent | 100, 66.7, 10.2 | rgb(100%,66.7%,10.2%) |
CMYK | 0, 33, 90, 0 | |
HSL | 37.7°, 100, 55.1 | hsl(37.7,100%,55.1%) |
HSV (or HSB) | 37.7°, 89.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.123, 21.591, 76.104 |
---|---|
XYZ | 55.803, 50.088, 7.706 |
xyY | 0.491, 0.441, 50.088 |
CIE-LCH | 76.123, 79.107, 74.161 |
CIE-LUV | 76.123, 70.273, 73.852 |
Hunter-Lab | 70.773, 16.891, 43.085 |
Binary | 11111111, 10101010, 00011010 |
Color Schemes with #ffaa1a
Alternatives to #ffaa1a
Below, you can see some colors close to #ffaa1a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaa1a Preview
This text has a font color of #ffaa1a.
<span style="color:#ffaa1a;">Text here</span>
This paragraph has a background color of #ffaa1a.
<p style="background-color:#ffaa1a;">Content here</p>
This element has a border color of #ffaa1a.
<div style="border:1px solid #ffaa1a;">Content here</div>
.text {color:#ffaa1a;}
.background {background-color:#ffaa1a;}
.border {border:1px solid #ffaa1a;}
Shades and Tints of #ffaa1a
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, #060400 is the darkest color, while #fffaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#1a1000
#1a1000
rgb(26,16,0)
-
#2e1d00
#2e1d00
rgb(46,29,0)
-
#412900
#412900
rgb(65,41,0)
-
#553500
#553500
rgb(85,53,0)
-
#684200
#684200
rgb(104,66,0)
-
#7c4e00
#7c4e00
rgb(124,78,0)
-
#905a00
#905a00
rgb(144,90,0)
-
#a36700
#a36700
rgb(163,103,0)
-
#b77300
#b77300
rgb(183,115,0)
-
#cb7f00
#cb7f00
rgb(203,127,0)
-
#de8c00
#de8c00
rgb(222,140,0)
-
#f29800
#f29800
rgb(242,152,0)
-
#ffa306
#ffa306
rgb(255,163,6)
-
#ffaa1a
#ffaa1a
rgb(255,170,26)
-
#ffb12e
#ffb12e
rgb(255,177,46)
-
#ffb941
#ffb941
rgb(255,185,65)
-
#ffc055
#ffc055
rgb(255,192,85)
-
#ffc768
#ffc768
rgb(255,199,104)
-
#ffce7c
#ffce7c
rgb(255,206,124)
-
#ffd690
#ffd690
rgb(255,214,144)
-
#ffdda3
#ffdda3
rgb(255,221,163)
-
#ffe4b7
#ffe4b7
rgb(255,228,183)
-
#ffeccb
#ffeccb
rgb(255,236,203)
-
#fff3de
#fff3de
rgb(255,243,222)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #ffaa1a
A tone is produced by adding gray to any pure hue. In this case, #958f84 is the less saturated color, while #ffaa1a is the most saturated one.
-
#958f84
#958f84
rgb(149,143,132)
-
#9e917b
#9e917b
rgb(158,145,123)
-
#a79372
#a79372
rgb(167,147,114)
-
#b09669
#b09669
rgb(176,150,105)
-
#b99860
#b99860
rgb(185,152,96)
-
#c19a58
#c19a58
rgb(193,154,88)
-
#ca9c4f
#ca9c4f
rgb(202,156,79)
-
#d39f46
#d39f46
rgb(211,159,70)
-
#dca13d
#dca13d
rgb(220,161,61)
-
#e5a334
#e5a334
rgb(229,163,52)
-
#eda52c
#eda52c
rgb(237,165,44)
-
#f6a823
#f6a823
rgb(246,168,35)
-
#ffaa1a
#ffaa1a
rgb(255,170,26)
Color Blindness Simulator
Below, you can see how #ffaa1a 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.