#f2b11f hex color

In a RGB color space, hex #f2b11f is composed of 94.9% red, 69.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 87.2% yellow and 5.1% black. It has a hue angle of 41.5 degrees, a saturation of 89% and a lightness of 53.5%. #f2b11f color hex could be obtained by blending #ffff3e with #e56300. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 69
- B 12
RGB color chart
- C 0
- M 27
- Y 87
- K 5
CMYK color chart

● #f2b11f color description : Vivid orange.

The hexadecimal color #f2b11f has RGB values of R:242, G:177, B:31 and CMYK values of C:0, M:0.27, Y:0.87, K:0.05. Its decimal value is 15905055.

Hex triplet	f2b11f	`#f2b11f`
RGB Decimal	242, 177, 31	`rgb(242,177,31)`
RGB Percent	94.9, 69.4, 12.2	`rgb(94.9%,69.4%,12.2%)`
CMYK	0, 27, 87, 5
HSL	41.5°, 89, 53.5	`hsl(41.5,89%,53.5%)`
HSV (or HSB)	41.5°, 87.2, 94.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.329, 12.508, 74.525
XYZ	52.589, 50.424, 8.259
xyY	0.473, 0.453, 50.424
CIE-LCH	76.329, 75.567, 80.472
CIE-LUV	76.329, 54.047, 75.398
Hunter-Lab	71.01, 7.928, 42.811
Binary	11110010, 10110001, 00011111

#f2b11f
```
#f2b11f rgb(242,177,31)
```
#1f60f2
```
#1f60f2 rgb(31,96,242)
```

Complementary Color

#f2471f
```
#f2471f rgb(242,71,31)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#caf21f
```
#caf21f rgb(202,242,31)
```

Analogous Color

#471ff2
```
#471ff2 rgb(71,31,242)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#1fcaf2
```
#1fcaf2 rgb(31,202,242)
```

Split Complementary Color

#b11ff2
```
#b11ff2 rgb(177,31,242)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#1ff2b1
```
#1ff2b1 rgb(31,242,177)
```

Triadic Color

#f21f60
```
#f21f60 rgb(242,31,96)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#1ff2b1
```
#1ff2b1 rgb(31,242,177)
```
#1f60f2
```
#1f60f2 rgb(31,96,242)
```

Tetradic Color

#ba840b
```
#ba840b rgb(186,132,11)
```
#d2950c
```
#d2950c rgb(210,149,12)
```
#eaa60e
```
#eaa60e rgb(234,166,14)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#f3b937
```
#f3b937 rgb(243,185,55)
```
#f5c24f
```
#f5c24f rgb(245,194,79)
```
#f6ca67
```
#f6ca67 rgb(246,202,103)
```

Monochromatic Color

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

#f27c1f
```
#f27c1f rgb(242,124,31)
```
#f28e1f
```
#f28e1f rgb(242,142,31)
```
#f29f1f
```
#f29f1f rgb(242,159,31)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#f2c31f
```
#f2c31f rgb(242,195,31)
```
#f2d41f
```
#f2d41f rgb(242,212,31)
```
#f2e61f
```
#f2e61f rgb(242,230,31)
```

Similar Colors

Text with hexadecimal color #f2b11f

This text has a font color of #f2b11f.

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

#f2b11f background color

This paragraph has a background color of #f2b11f.

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

#f2b11f border color

This element has a border color of #f2b11f.

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

CSS codes

.text {color:#f2b11f;}

.background {background-color:#f2b11f;}

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

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, #110c01 is the darkest color, while #fffefd is the lightest one.

#110c01
```
#110c01 rgb(17,12,1)
```
#241902
```
#241902 rgb(36,25,2)
```
#362603
```
#362603 rgb(54,38,3)
```
#493404
```
#493404 rgb(73,52,4)
```
#5b4105
```
#5b4105 rgb(91,65,5)
```
#6e4e06
```
#6e4e06 rgb(110,78,6)
```
#805b07
```
#805b07 rgb(128,91,7)
```
#936809
```
#936809 rgb(147,104,9)
```
#a5750a
```
#a5750a rgb(165,117,10)
```
#b8830b
```
#b8830b rgb(184,131,11)
```
#ca900c
```
#ca900c rgb(202,144,12)
```
#dd9d0d
```
#dd9d0d rgb(221,157,13)
```
#efaa0e
```
#efaa0e rgb(239,170,14)
```

Shade Color Variation

#f2b11f
```
#f2b11f rgb(242,177,31)
```
#f3b732
```
#f3b732 rgb(243,183,50)
```
#f4be44
```
#f4be44 rgb(244,190,68)
```
#f5c457
```
#f5c457 rgb(245,196,87)
```
#f6cb69
```
#f6cb69 rgb(246,203,105)
```
#f7d17c
```
#f7d17c rgb(247,209,124)
```
#f8d88e
```
#f8d88e rgb(248,216,142)
```
#fadea1
```
#fadea1 rgb(250,222,161)
```
#fbe5b3
```
#fbe5b3 rgb(251,229,179)
```
#fcebc6
```
#fcebc6 rgb(252,235,198)
```
#fdf2d8
```
#fdf2d8 rgb(253,242,216)
```
#fef8eb
```
#fef8eb rgb(254,248,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8e8b83
```
#8e8b83 rgb(142,139,131)
```
#978e7a
```
#978e7a rgb(151,142,122)
```
#a09271
```
#a09271 rgb(160,146,113)
```
#a99568
```
#a99568 rgb(169,149,104)
```
#b2995f
```
#b2995f rgb(178,153,95)
```
#bb9c56
```
#bb9c56 rgb(187,156,86)
```
#c4a04d
```
#c4a04d rgb(196,160,77)
```
#cea343
```
#cea343 rgb(206,163,67)
```
#d7a73a
```
#d7a73a rgb(215,167,58)
```
#e0aa31
```
#e0aa31 rgb(224,170,49)
```
#e9ae28
```
#e9ae28 rgb(233,174,40)
```
#f2b11f
```
#f2b11f rgb(242,177,31)
```
#fbb416
```
#fbb416 rgb(251,180,22)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c0b396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c02d Protanopia 1% of men
#efb629 Deuteranopia 1% of men
#faa9b4 Tritanopia 0.001% of the population

Trichromacy

#e0ba28 Protanomaly 1% of men, 0.01% of women
#f0b425 Deuteranomaly 6% of men, 0.4% of women
#f7ac7e Tritanomaly 0.01% of the population

#f2b11f hex color

#f2b11f Color Information

#f2b11f Color Conversion

Color Schemes with #f2b11f

Alternatives to #f2b11f

#f2b11f Preview

Shades and Tints of #f2b11f

Tones of #f2b11f

Color Blindness Simulator