#ffaa12 hex color

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.

♥
- f
- t
- g
- R 100
- G 67
- B 7
RGB color chart
- C 0
- M 33
- Y 93
- K 0
CMYK color chart

● #ffaa12 color description : Vivid orange.

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

#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#1267ff
```
#1267ff rgb(18,103,255)
```

Complementary Color

#ff3412
```
#ff3412 rgb(255,52,18)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#deff12
```
#deff12 rgb(222,255,18)
```

Analogous Color

#3312ff
```
#3312ff rgb(51,18,255)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#12deff
```
#12deff rgb(18,222,255)
```

Split Complementary Color

#aa12ff
```
#aa12ff rgb(170,18,255)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#12ffaa
```
#12ffaa rgb(18,255,170)
```

Triadic Color

#ff1267
```
#ff1267 rgb(255,18,103)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#12ffaa
```
#12ffaa rgb(18,255,170)
```
#1267ff
```
#1267ff rgb(18,103,255)
```

Tetradic Color

#c57e00
```
#c57e00 rgb(197,126,0)
```
#de8e00
```
#de8e00 rgb(222,142,0)
```
#f89f00
```
#f89f00 rgb(248,159,0)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#ffb32c
```
#ffb32c rgb(255,179,44)
```
#ffbc45
```
#ffbc45 rgb(255,188,69)
```
#ffc55f
```
#ffc55f rgb(255,197,95)
```

Monochromatic Color

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.

#ff6f12
```
#ff6f12 rgb(255,111,18)
```
#ff8312
```
#ff8312 rgb(255,131,18)
```
#ff9612
```
#ff9612 rgb(255,150,18)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```
#ffbe12
```
#ffbe12 rgb(255,190,18)
```
#ffd212
```
#ffd212 rgb(255,210,18)
```
#ffe512
```
#ffe512 rgb(255,229,18)
```

Similar Colors

Text with hexadecimal color #ffaa12

This text has a font color of #ffaa12.

<span style="color:#ffaa12;">Text here</span>

#ffaa12 background color

This paragraph has a background color of #ffaa12.

<p style="background-color:#ffaa12;">Content here</p>

#ffaa12 border color

This element has a border color of #ffaa12.

<div style="border:1px solid #ffaa12;">Content here</div>

CSS codes

.text {color:#ffaa12;}

.background {background-color:#ffaa12;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#b2b2b2 Achromatopsia 0.005% of the population
#c1b092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf23 Protanopia 1% of men
#efb513 Deuteranopia 1% of men
#ffa6b0 Tritanopia 0.001% of the population

Trichromacy

#e5b71d Protanomaly 1% of men, 0.01% of women
#f4b113 Deuteranomaly 6% of men, 0.4% of women
#ffa776 Tritanomaly 0.01% of the population

#ffaa12 hex color

#ffaa12 Color Information

#ffaa12 Color Conversion

Color Schemes with #ffaa12

Alternatives to #ffaa12

#ffaa12 Preview

Shades and Tints of #ffaa12

Tones of #ffaa12

Color Blindness Simulator