#f5b112 hex color

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

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

● #f5b112 color description : Vivid orange.

The hexadecimal color #f5b112 has RGB values of R:245, G:177, B:18 and CMYK values of C:0, M:0.28, Y:0.93, K:0.04. Its decimal value is 16101650.

Hex triplet	f5b112	`#f5b112`
RGB Decimal	245, 177, 18	`rgb(245,177,18)`
RGB Percent	96.1, 69.4, 7.1	`rgb(96.1%,69.4%,7.1%)`
CMYK	0, 28, 93, 4
HSL	42°, 91.9, 51.6	`hsl(42,91.9%,51.6%)`
HSV (or HSB)	42°, 92.7, 96.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.621, 13.578, 77.414
XYZ	53.489, 50.904, 7.581
xyY	0.478, 0.455, 50.904
CIE-LCH	76.621, 78.596, 80.052
CIE-LUV	76.621, 56.71, 76.896
Hunter-Lab	71.347, 8.965, 43.643
Binary	11110101, 10110001, 00010010

#f5b112
```
#f5b112 rgb(245,177,18)
```
#1256f5
```
#1256f5 rgb(18,86,245)
```

Complementary Color

#f53f12
```
#f53f12 rgb(245,63,18)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#c8f512
```
#c8f512 rgb(200,245,18)
```

Analogous Color

#3f12f5
```
#3f12f5 rgb(63,18,245)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#12c8f5
```
#12c8f5 rgb(18,200,245)
```

Split Complementary Color

#b112f5
```
#b112f5 rgb(177,18,245)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#12f5b1
```
#12f5b1 rgb(18,245,177)
```

Triadic Color

#f51256
```
#f51256 rgb(245,18,86)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#12f5b1
```
#12f5b1 rgb(18,245,177)
```
#1256f5
```
#1256f5 rgb(18,86,245)
```

Tetradic Color

#b38008
```
#b38008 rgb(179,128,8)
```
#cb9109
```
#cb9109 rgb(203,145,9)
```
#e4a30a
```
#e4a30a rgb(228,163,10)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#f6b92a
```
#f6b92a rgb(246,185,42)
```
#f7c143
```
#f7c143 rgb(247,193,67)
```
#f8c95b
```
#f8c95b rgb(248,201,91)
```

Monochromatic Color

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

#f57812
```
#f57812 rgb(245,120,18)
```
#f58b12
```
#f58b12 rgb(245,139,18)
```
#f59e12
```
#f59e12 rgb(245,158,18)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#f5c412
```
#f5c412 rgb(245,196,18)
```
#f5d712
```
#f5d712 rgb(245,215,18)
```
#f5ea12
```
#f5ea12 rgb(245,234,18)
```

Similar Colors

Text with hexadecimal color #f5b112

This text has a font color of #f5b112.

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

#f5b112 background color

This paragraph has a background color of #f5b112.

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

#f5b112 border color

This element has a border color of #f5b112.

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

CSS codes

.text {color:#f5b112;}

.background {background-color:#f5b112;}

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

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)
```
#1a1301
```
#1a1301 rgb(26,19,1)
```
#2d2002
```
#2d2002 rgb(45,32,2)
```
#402e03
```
#402e03 rgb(64,46,3)
```
#533b04
```
#533b04 rgb(83,59,4)
```
#664904
```
#664904 rgb(102,73,4)
```
#795605
```
#795605 rgb(121,86,5)
```
#8b6306
```
#8b6306 rgb(139,99,6)
```
#9e7107
```
#9e7107 rgb(158,113,7)
```
#b17e07
```
#b17e07 rgb(177,126,7)
```
#c48c08
```
#c48c08 rgb(196,140,8)
```
#d79909
```
#d79909 rgb(215,153,9)
```
#eaa70a
```
#eaa70a rgb(234,167,10)
```

Shade Color Variation

#f5b112
```
#f5b112 rgb(245,177,18)
```
#f6b725
```
#f6b725 rgb(246,183,37)
```
#f7bd38
```
#f7bd38 rgb(247,189,56)
```
#f7c44a
```
#f7c44a rgb(247,196,74)
```
#f8ca5d
```
#f8ca5d rgb(248,202,93)
```
#f9d070
```
#f9d070 rgb(249,208,112)
```
#fad683
```
#fad683 rgb(250,214,131)
```
#fbdc96
```
#fbdc96 rgb(251,220,150)
```
#fbe3a9
```
#fbe3a9 rgb(251,227,169)
```
#fce9bb
```
#fce9bb rgb(252,233,187)
```
#fdefce
```
#fdefce rgb(253,239,206)
```
#fef5e1
```
#fef5e1 rgb(254,245,225)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#8d877b
```
#8d877b rgb(141,135,123)
```
#968b71
```
#968b71 rgb(150,139,113)
```
#a08f68
```
#a08f68 rgb(160,143,104)
```
#a9935e
```
#a9935e rgb(169,147,94)
```
#b39655
```
#b39655 rgb(179,150,85)
```
#bc9a4b
```
#bc9a4b rgb(188,154,75)
```
#c69e42
```
#c69e42 rgb(198,158,66)
```
#cfa238
```
#cfa238 rgb(207,162,56)
```
#d9a62f
```
#d9a62f rgb(217,166,47)
```
#e2a925
```
#e2a925 rgb(226,169,37)
```
#ecad1c
```
#ecad1c rgb(236,173,28)
```
#f5b112
```
#f5b112 rgb(245,177,18)
```
#ffb509
```
#ffb509 rgb(255,181,9)
```

Tone Color Variation

Below, you can see how #f5b112 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
#c0b393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c022 Protanopia 1% of men
#f0b71b Deuteranopia 1% of men
#fda9b4 Tritanopia 0.001% of the population

Trichromacy

#e2bb1c Protanomaly 1% of men, 0.01% of women
#f2b418 Deuteranomaly 6% of men, 0.4% of women
#faac79 Tritanomaly 0.01% of the population

#f5b112 hex color

#f5b112 Color Information

#f5b112 Color Conversion

Color Schemes with #f5b112

Alternatives to #f5b112

#f5b112 Preview

Shades and Tints of #f5b112

Tones of #f5b112

Color Blindness Simulator