#f8ac12 hex color

In a RGB color space, hex #f8ac12 is composed of 97.3% red, 67.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 40.2 degrees, a saturation of 94.3% and a lightness of 52.2%. #f8ac12 color hex could be obtained by blending #ffff24 with #f15900. Closest websafe color is: #ff9900.

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

● #f8ac12 color description : Vivid orange.

The hexadecimal color #f8ac12 has RGB values of R:248, G:172, B:18 and CMYK values of C:0, M:0.31, Y:0.93, K:0.03. Its decimal value is 16296978.

Hex triplet	f8ac12	`#f8ac12`
RGB Decimal	248, 172, 18	`rgb(248,172,18)`
RGB Percent	97.3, 67.5, 7.1	`rgb(97.3%,67.5%,7.1%)`
CMYK	0, 31, 93, 3
HSL	40.2°, 94.3, 52.2	`hsl(40.2,94.3%,52.2%)`
HSV (or HSB)	40.2°, 92.7, 97.3
Web Safe	ff9900	`#ff9900`

CIE-LAB	75.767, 17.479, 76.944
XYZ	53.574, 49.509, 7.307
xyY	0.485, 0.448, 49.509
CIE-LCH	75.767, 78.905, 77.202
CIE-LUV	75.767, 63.134, 75.15
Hunter-Lab	70.362, 12.777, 43.097
Binary	11111000, 10101100, 00010010

#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#125ef8
```
#125ef8 rgb(18,94,248)
```

Complementary Color

#f83912
```
#f83912 rgb(248,57,18)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#d1f812
```
#d1f812 rgb(209,248,18)
```

Analogous Color

#3912f8
```
#3912f8 rgb(57,18,248)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#12d1f8
```
#12d1f8 rgb(18,209,248)
```

Split Complementary Color

#ac12f8
```
#ac12f8 rgb(172,18,248)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#12f8ac
```
#12f8ac rgb(18,248,172)
```

Triadic Color

#f8125e
```
#f8125e rgb(248,18,94)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#12f8ac
```
#12f8ac rgb(18,248,172)
```
#125ef8
```
#125ef8 rgb(18,94,248)
```

Tetradic Color

#b87d05
```
#b87d05 rgb(184,125,5)
```
#d18e06
```
#d18e06 rgb(209,142,6)
```
#ea9f07
```
#ea9f07 rgb(234,159,7)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#f9b52b
```
#f9b52b rgb(249,181,43)
```
#f9bd44
```
#f9bd44 rgb(249,189,68)
```
#fac65c
```
#fac65c rgb(250,198,92)
```

Monochromatic Color

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

#f87312
```
#f87312 rgb(248,115,18)
```
#f88612
```
#f88612 rgb(248,134,18)
```
#f89912
```
#f89912 rgb(248,153,18)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#f8bf12
```
#f8bf12 rgb(248,191,18)
```
#f8d212
```
#f8d212 rgb(248,210,18)
```
#f8e612
```
#f8e612 rgb(248,230,18)
```

Similar Colors

Text with hexadecimal color #f8ac12

This text has a font color of #f8ac12.

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

#f8ac12 background color

This paragraph has a background color of #f8ac12.

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

#f8ac12 border color

This element has a border color of #f8ac12.

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

CSS codes

.text {color:#f8ac12;}

.background {background-color:#f8ac12;}

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

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, #0b0700 is the darkest color, while #fffcf7 is the lightest one.

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1e1401
```
#1e1401 rgb(30,20,1)
```
#312101
```
#312101 rgb(49,33,1)
```
#442e02
```
#442e02 rgb(68,46,2)
```
#573b03
```
#573b03 rgb(87,59,3)
```
#6a4803
```
#6a4803 rgb(106,72,3)
```
#7d5504
```
#7d5504 rgb(125,85,4)
```
#906204
```
#906204 rgb(144,98,4)
```
#a36f05
```
#a36f05 rgb(163,111,5)
```
#b67c05
```
#b67c05 rgb(182,124,5)
```
#c98906
```
#c98906 rgb(201,137,6)
```
#dc9607
```
#dc9607 rgb(220,150,7)
```
#efa307
```
#efa307 rgb(239,163,7)
```

Shade Color Variation

#f8ac12
```
#f8ac12 rgb(248,172,18)
```
#f9b325
```
#f9b325 rgb(249,179,37)
```
#f9b938
```
#f9b938 rgb(249,185,56)
```
#fac04b
```
#fac04b rgb(250,192,75)
```
#fac75e
```
#fac75e rgb(250,199,94)
```
#fbcd71
```
#fbcd71 rgb(251,205,113)
```
#fbd484
```
#fbd484 rgb(251,212,132)
```
#fcdb97
```
#fcdb97 rgb(252,219,151)
```
#fde1aa
```
#fde1aa rgb(253,225,170)
```
#fde8bd
```
#fde8bd rgb(253,232,189)
```
#feefd1
```
#feefd1 rgb(254,239,209)
```
#fef5e4
```
#fef5e4 rgb(254,245,228)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878683 is the less saturated color, while #f8ac12 is the most saturated one.

#878683
```
#878683 rgb(135,134,131)
```
#918979
```
#918979 rgb(145,137,121)
```
#9a8c70
```
#9a8c70 rgb(154,140,112)
```
#a48f66
```
#a48f66 rgb(164,143,102)
```
#ad935d
```
#ad935d rgb(173,147,93)
```
#b69654
```
#b69654 rgb(182,150,84)
```
#c0994a
```
#c0994a rgb(192,153,74)
```
#c99c41
```
#c99c41 rgb(201,156,65)
```
#d29f38
```
#d29f38 rgb(210,159,56)
```
#dca22e
```
#dca22e rgb(220,162,46)
```
#e5a625
```
#e5a625 rgb(229,166,37)
```
#efa91b
```
#efa91b rgb(239,169,27)
```
#f8ac12
```
#f8ac12 rgb(248,172,18)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bfb091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be22 Protanopia 1% of men
#eeb518 Deuteranopia 1% of men
#ffa5b0 Tritanopia 0.001% of the population

Trichromacy

#e1b71c Protanomaly 1% of men, 0.01% of women
#f1b115 Deuteranomaly 6% of men, 0.4% of women
#fca776 Tritanomaly 0.01% of the population

#f8ac12 hex color

#f8ac12 Color Information

#f8ac12 Color Conversion

Color Schemes with #f8ac12

Alternatives to #f8ac12

#f8ac12 Preview

Shades and Tints of #f8ac12

Tones of #f8ac12

Color Blindness Simulator