#ffac12 hex color

In a RGB color space, hex #ffac12 is composed of 100% red, 67.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 92.9% yellow and 0% black. It has a hue angle of 39 degrees, a saturation of 100% and a lightness of 53.5%. #ffac12 color hex could be obtained by blending #ffff24 with #ff5900. 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

● #ffac12 color description : Vivid orange.

The hexadecimal color #ffac12 has RGB values of R:255, G:172, B:18 and CMYK values of C:0, M:0.33, Y:0.93, K:0. Its decimal value is 16755730.

Hex triplet	ffac12	`#ffac12`
RGB Decimal	255, 172, 18	`rgb(255,172,18)`
RGB Percent	100, 67.5, 7.1	`rgb(100%,67.5%,7.1%)`
CMYK	0, 33, 93, 0
HSL	39°, 100, 53.5	`hsl(39,100%,53.5%)`
HSV (or HSB)	39°, 92.9, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.565, 20.435, 77.884
XYZ	56.103, 50.813, 7.425
xyY	0.491, 0.444, 50.813
CIE-LCH	76.565, 80.52, 75.298
CIE-LUV	76.565, 68.816, 75.364
Hunter-Lab	71.283, 15.743, 43.722
Binary	11111111, 10101100, 00010010

#ffac12
```
#ffac12 rgb(255,172,18)
```
#1265ff
```
#1265ff rgb(18,101,255)
```

Complementary Color

#ff3512
```
#ff3512 rgb(255,53,18)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#dcff12
```
#dcff12 rgb(220,255,18)
```

Analogous Color

#3512ff
```
#3512ff rgb(53,18,255)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#12dcff
```
#12dcff rgb(18,220,255)
```

Split Complementary Color

#ac12ff
```
#ac12ff rgb(172,18,255)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#12ffac
```
#12ffac rgb(18,255,172)
```

Triadic Color

#ff1265
```
#ff1265 rgb(255,18,101)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#12ffac
```
#12ffac rgb(18,255,172)
```
#1265ff
```
#1265ff rgb(18,101,255)
```

Tetradic Color

#c58000
```
#c58000 rgb(197,128,0)
```
#de9000
```
#de9000 rgb(222,144,0)
```
#f8a100
```
#f8a100 rgb(248,161,0)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#ffb52c
```
#ffb52c rgb(255,181,44)
```
#ffbe45
```
#ffbe45 rgb(255,190,69)
```
#ffc75f
```
#ffc75f rgb(255,199,95)
```

Monochromatic Color

Below, you can see some colors close to #ffac12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff7112
```
#ff7112 rgb(255,113,18)
```
#ff8512
```
#ff8512 rgb(255,133,18)
```
#ff9812
```
#ff9812 rgb(255,152,18)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```
#ffc012
```
#ffc012 rgb(255,192,18)
```
#ffd412
```
#ffd412 rgb(255,212,18)
```
#ffe712
```
#ffe712 rgb(255,231,18)
```

Similar Colors

Text with hexadecimal color #ffac12

This text has a font color of #ffac12.

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

#ffac12 background color

This paragraph has a background color of #ffac12.

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

#ffac12 border color

This element has a border color of #ffac12.

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

CSS codes

.text {color:#ffac12;}

.background {background-color:#ffac12;}

.border {border:1px solid #ffac12;}

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)
```
#4d3200
```
#4d3200 rgb(77,50,0)
```
#603f00
```
#603f00 rgb(96,63,0)
```
#744b00
```
#744b00 rgb(116,75,0)
```
#885800
```
#885800 rgb(136,88,0)
```
#9b6500
```
#9b6500 rgb(155,101,0)
```
#af7200
```
#af7200 rgb(175,114,0)
```
#c37e00
```
#c37e00 rgb(195,126,0)
```
#d68b00
```
#d68b00 rgb(214,139,0)
```
#ea9800
```
#ea9800 rgb(234,152,0)
```
#fda500
```
#fda500 rgb(253,165,0)
```

Shade Color Variation

#ffac12
```
#ffac12 rgb(255,172,18)
```
#ffb326
```
#ffb326 rgb(255,179,38)
```
#ffba39
```
#ffba39 rgb(255,186,57)
```
#ffc14d
```
#ffc14d rgb(255,193,77)
```
#ffc760
```
#ffc760 rgb(255,199,96)
```
#ffce74
```
#ffce74 rgb(255,206,116)
```
#ffd588
```
#ffd588 rgb(255,213,136)
```
#ffdc9b
```
#ffdc9b rgb(255,220,155)
```
#ffe3af
```
#ffe3af rgb(255,227,175)
```
#ffeac3
```
#ffeac3 rgb(255,234,195)
```
#fff1d6
```
#fff1d6 rgb(255,241,214)
```
#fff8ea
```
#fff8ea rgb(255,248,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 #ffac12 is the most saturated one.

#928b7f
```
#928b7f rgb(146,139,127)
```
#9b8e76
```
#9b8e76 rgb(155,142,118)
```
#a4916d
```
#a4916d rgb(164,145,109)
```
#ad9364
```
#ad9364 rgb(173,147,100)
```
#b6965b
```
#b6965b rgb(182,150,91)
```
#bf9952
```
#bf9952 rgb(191,153,82)
```
#c89c49
```
#c89c49 rgb(200,156,73)
```
#d19e40
```
#d19e40 rgb(209,158,64)
```
#dba136
```
#dba136 rgb(219,161,54)
```
#e4a42d
```
#e4a42d rgb(228,164,45)
```
#eda724
```
#eda724 rgb(237,167,36)
```
#f6a91b
```
#f6a91b rgb(246,169,27)
```
#ffac12
```
#ffac12 rgb(255,172,18)
```

Tone Color Variation

Below, you can see how #ffac12 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

#b3b3b3 Achromatopsia 0.005% of the population
#c2b293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c023 Protanopia 1% of men
#f0b714 Deuteranopia 1% of men
#ffa8b2 Tritanopia 0.001% of the population

Trichromacy

#e5b91d Protanomaly 1% of men, 0.01% of women
#f5b313 Deuteranomaly 6% of men, 0.4% of women
#ffa977 Tritanomaly 0.01% of the population

#ffac12 hex color

#ffac12 Color Information

#ffac12 Color Conversion

Color Schemes with #ffac12

Alternatives to #ffac12

#ffac12 Preview

Shades and Tints of #ffac12

Tones of #ffac12

Color Blindness Simulator