#f5a912 hex color

In a RGB color space, hex #f5a912 is composed of 96.1% red, 66.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 92.7% yellow and 3.9% black. It has a hue angle of 39.9 degrees, a saturation of 91.9% and a lightness of 51.6%. #f5a912 color hex could be obtained by blending #ffff24 with #eb5300. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 96
- G 66
- B 7
RGB color chart
- C 0
- M 31
- Y 93
- K 4
CMYK color chart

● #f5a912 color description : Vivid orange.

The hexadecimal color #f5a912 has RGB values of R:245, G:169, B:18 and CMYK values of C:0, M:0.31, Y:0.93, K:0.04. Its decimal value is 16099602.

Hex triplet	f5a912	`#f5a912`
RGB Decimal	245, 169, 18	`rgb(245,169,18)`
RGB Percent	96.1, 66.3, 7.1	`rgb(96.1%,66.3%,7.1%)`
CMYK	0, 31, 93, 4
HSL	39.9°, 91.9, 51.6	`hsl(39.9,91.9%,51.6%)`
HSV (or HSB)	39.9°, 92.7, 96.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.721, 17.781, 76.032
XYZ	51.955, 47.836, 7.069
xyY	0.486, 0.448, 47.836
CIE-LCH	74.721, 78.084, 76.837
CIE-LUV	74.721, 63.13, 73.967
Hunter-Lab	69.163, 13.052, 42.354
Binary	11110101, 10101001, 00010010

#f5a912
```
#f5a912 rgb(245,169,18)
```
#125ef5
```
#125ef5 rgb(18,94,245)
```

Complementary Color

#f53812
```
#f53812 rgb(245,56,18)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#d0f512
```
#d0f512 rgb(208,245,18)
```

Analogous Color

#3812f5
```
#3812f5 rgb(56,18,245)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#12d0f5
```
#12d0f5 rgb(18,208,245)
```

Split Complementary Color

#a912f5
```
#a912f5 rgb(169,18,245)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#12f5a9
```
#12f5a9 rgb(18,245,169)
```

Triadic Color

#f5125e
```
#f5125e rgb(245,18,94)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#12f5a9
```
#12f5a9 rgb(18,245,169)
```
#125ef5
```
#125ef5 rgb(18,94,245)
```

Tetradic Color

#b37a08
```
#b37a08 rgb(179,122,8)
```
#cb8a09
```
#cb8a09 rgb(203,138,9)
```
#e49b0a
```
#e49b0a rgb(228,155,10)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#f6b22a
```
#f6b22a rgb(246,178,42)
```
#f7bb43
```
#f7bb43 rgb(247,187,67)
```
#f8c45b
```
#f8c45b rgb(248,196,91)
```

Monochromatic Color

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

#f57012
```
#f57012 rgb(245,112,18)
```
#f58312
```
#f58312 rgb(245,131,18)
```
#f59612
```
#f59612 rgb(245,150,18)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#f5bc12
```
#f5bc12 rgb(245,188,18)
```
#f5cf12
```
#f5cf12 rgb(245,207,18)
```
#f5e212
```
#f5e212 rgb(245,226,18)
```

Similar Colors

Text with hexadecimal color #f5a912

This text has a font color of #f5a912.

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

#f5a912 background color

This paragraph has a background color of #f5a912.

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

#f5a912 border color

This element has a border color of #f5a912.

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

CSS codes

.text {color:#f5a912;}

.background {background-color:#f5a912;}

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

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, #080500 is the darkest color, while #fffbf4 is the lightest one.

#080500
```
#080500 rgb(8,5,0)
```
#1a1201
```
#1a1201 rgb(26,18,1)
```
#2d1f02
```
#2d1f02 rgb(45,31,2)
```
#402c03
```
#402c03 rgb(64,44,3)
```
#533804
```
#533804 rgb(83,56,4)
```
#664504
```
#664504 rgb(102,69,4)
```
#795205
```
#795205 rgb(121,82,5)
```
#8b5f06
```
#8b5f06 rgb(139,95,6)
```
#9e6c07
```
#9e6c07 rgb(158,108,7)
```
#b17807
```
#b17807 rgb(177,120,7)
```
#c48508
```
#c48508 rgb(196,133,8)
```
#d79209
```
#d79209 rgb(215,146,9)
```
#ea9f0a
```
#ea9f0a rgb(234,159,10)
```

Shade Color Variation

#f5a912
```
#f5a912 rgb(245,169,18)
```
#f6b025
```
#f6b025 rgb(246,176,37)
```
#f7b738
```
#f7b738 rgb(247,183,56)
```
#f7bd4a
```
#f7bd4a rgb(247,189,74)
```
#f8c45d
```
#f8c45d rgb(248,196,93)
```
#f9cb70
```
#f9cb70 rgb(249,203,112)
```
#fad283
```
#fad283 rgb(250,210,131)
```
#fbd996
```
#fbd996 rgb(251,217,150)
```
#fbe0a9
```
#fbe0a9 rgb(251,224,169)
```
#fce6bb
```
#fce6bb rgb(252,230,187)
```
#fdedce
```
#fdedce rgb(253,237,206)
```
#fef4e1
```
#fef4e1 rgb(254,244,225)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#8d867b
```
#8d867b rgb(141,134,123)
```
#968a71
```
#968a71 rgb(150,138,113)
```
#a08d68
```
#a08d68 rgb(160,141,104)
```
#a9905e
```
#a9905e rgb(169,144,94)
```
#b39355
```
#b39355 rgb(179,147,85)
```
#bc964b
```
#bc964b rgb(188,150,75)
```
#c69942
```
#c69942 rgb(198,153,66)
```
#cf9c38
```
#cf9c38 rgb(207,156,56)
```
#d9a02f
```
#d9a02f rgb(217,160,47)
```
#e2a325
```
#e2a325 rgb(226,163,37)
```
#eca61c
```
#eca61c rgb(236,166,28)
```
#f5a912
```
#f5a912 rgb(245,169,18)
```
#ffac09
```
#ffac09 rgb(255,172,9)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bdae90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb22 Protanopia 1% of men
#eab217 Deuteranopia 1% of men
#fda2ad Tritanopia 0.001% of the population

Trichromacy

#deb51c Protanomaly 1% of men, 0.01% of women
#eeaf15 Deuteranomaly 6% of men, 0.4% of women
#faa474 Tritanomaly 0.01% of the population

#f5a912 hex color

#f5a912 Color Information

#f5a912 Color Conversion

Color Schemes with #f5a912

Alternatives to #f5a912

#f5a912 Preview

Shades and Tints of #f5a912

Tones of #f5a912

Color Blindness Simulator