colorhexa.com

#f2bd16 hex color

In a RGB color space, hex #f2bd16 is composed of 94.9% red, 74.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 90.9% yellow and 5.1% black. It has a hue angle of 45.5 degrees, a saturation of 89.4% and a lightness of 51.8%. #f2bd16 color hex could be obtained by blending #ffff2c with #e57b00. Closest websafe color is: #ffcc00.

- R 95
- G 74
- B 9
RGB color chart
- C 0
- M 22
- Y 91
- K 5
CMYK color chart

● #f2bd16 color description : Vivid yellow.

The hexadecimal color #f2bd16 has RGB values of R:242, G:189, B:22 and CMYK values of C:0, M:0.22, Y:0.91, K:0.05. Its decimal value is 15908118.

Hex triplet	f2bd16	`#f2bd16`
RGB Decimal	242, 189, 22	`rgb(242,189,22)`
RGB Percent	94.9, 74.1, 8.6	`rgb(94.9%,74.1%,8.6%)`
CMYK	0, 22, 91, 5
HSL	45.5°, 89.4, 51.8	`hsl(45.5,89.4%,51.8%)`
HSV (or HSB)	45.5°, 90.9, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.233, 6.073, 78.568
XYZ	54.961, 55.333, 8.545
xyY	0.462, 0.466, 55.333
CIE-LCH	79.233, 78.802, 85.58
CIE-LUV	79.233, 44.9, 80.917
Hunter-Lab	74.386, 1.711, 45.26
Binary	11110010, 10111101, 00010110

#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#164bf2
```
#164bf2 rgb(22,75,242)
```

Complementary Color

#f24f16
```
#f24f16 rgb(242,79,22)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#b9f216
```
#b9f216 rgb(185,242,22)
```

Analogous Color

#4f16f2
```
#4f16f2 rgb(79,22,242)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#16b9f2
```
#16b9f2 rgb(22,185,242)
```

Split Complementary Color

#bd16f2
```
#bd16f2 rgb(189,22,242)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#16f2bd
```
#16f2bd rgb(22,242,189)
```

Triadic Color

#f2164b
```
#f2164b rgb(242,22,75)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#16f2bd
```
#16f2bd rgb(22,242,189)
```
#164bf2
```
#164bf2 rgb(22,75,242)
```

Tetradic Color

#b2890a
```
#b2890a rgb(178,137,10)
```
#ca9c0b
```
#ca9c0b rgb(202,156,11)
```
#e2af0d
```
#e2af0d rgb(226,175,13)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#f3c42e
```
#f3c42e rgb(243,196,46)
```
#f5cb46
```
#f5cb46 rgb(245,203,70)
```
#f6d25e
```
#f6d25e rgb(246,210,94)
```

Monochromatic Color

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

#f28616
```
#f28616 rgb(242,134,22)
```
#f29816
```
#f29816 rgb(242,152,22)
```
#f2ab16
```
#f2ab16 rgb(242,171,22)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#f2cf16
```
#f2cf16 rgb(242,207,22)
```
#f2e216
```
#f2e216 rgb(242,226,22)
```
#f0f216
```
#f0f216 rgb(240,242,22)
```

Similar Colors

Text with hexadecimal color #f2bd16

This text has a font color of #f2bd16.

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

#f2bd16 background color

This paragraph has a background color of #f2bd16.

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

#f2bd16 border color

This element has a border color of #f2bd16.

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

CSS codes

.text {color:#f2bd16;}

.background {background-color:#f2bd16;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1b1502
```
#1b1502 rgb(27,21,2)
```
#2e2303
```
#2e2303 rgb(46,35,3)
```
#403204
```
#403204 rgb(64,50,4)
```
#534005
```
#534005 rgb(83,64,5)
```
#654e06
```
#654e06 rgb(101,78,6)
```
#785d07
```
#785d07 rgb(120,93,7)
```
#8b6b08
```
#8b6b08 rgb(139,107,8)
```
#9d7909
```
#9d7909 rgb(157,121,9)
```
#b0880a
```
#b0880a rgb(176,136,10)
```
#c2960b
```
#c2960b rgb(194,150,11)
```
#d5a40c
```
#d5a40c rgb(213,164,12)
```
#e7b30d
```
#e7b30d rgb(231,179,13)
```

Shade Color Variation

#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#f3c229
```
#f3c229 rgb(243,194,41)
```
#f4c83b
```
#f4c83b rgb(244,200,59)
```
#f5cd4e
```
#f5cd4e rgb(245,205,78)
```
#f6d260
```
#f6d260 rgb(246,210,96)
```
#f7d773
```
#f7d773 rgb(247,215,115)
```
#f8dd85
```
#f8dd85 rgb(248,221,133)
```
#f9e298
```
#f9e298 rgb(249,226,152)
```
#fae7ab
```
#fae7ab rgb(250,231,171)
```
#fbecbd
```
#fbecbd rgb(251,236,189)
```
#fcf2d0
```
#fcf2d0 rgb(252,242,208)
```
#fdf7e2
```
#fdf7e2 rgb(253,247,226)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#8a877e
```
#8a877e rgb(138,135,126)
```
#938c75
```
#938c75 rgb(147,140,117)
```
#9d916b
```
#9d916b rgb(157,145,107)
```
#a69662
```
#a69662 rgb(166,150,98)
```
#b09b58
```
#b09b58 rgb(176,155,88)
```
#b9a04f
```
#b9a04f rgb(185,160,79)
```
#c3a445
```
#c3a445 rgb(195,164,69)
```
#cca93c
```
#cca93c rgb(204,169,60)
```
#d6ae32
```
#d6ae32 rgb(214,174,50)
```
#dfb329
```
#dfb329 rgb(223,179,41)
```
#e9b81f
```
#e9b81f rgb(233,184,31)
```
#f2bd16
```
#f2bd16 rgb(242,189,22)
```
#fbc20d
```
#fbc20d rgb(251,194,13)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c5bb99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc724 Protanopia 1% of men
#f9bd24 Deuteranopia 1% of men
#fcb3c0 Tritanopia 0.001% of the population

Trichromacy

#e6c31f Protanomaly 1% of men, 0.01% of women
#f6bd1f Deuteranomaly 6% of men, 0.4% of women
#f8b782 Tritanomaly 0.01% of the population