#f2bd09 hex color

In a RGB color space, hex #f2bd09 is composed of 94.9% red, 74.1% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 96.3% yellow and 5.1% black. It has a hue angle of 46.4 degrees, a saturation of 92.8% and a lightness of 49.2%. #f2bd09 color hex could be obtained by blending #ffff12 with #e57b00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 95
- G 74
- B 4
RGB color chart
- C 0
- M 22
- Y 96
- K 5
CMYK color chart

● #f2bd09 color description : Vivid yellow.

The hexadecimal color #f2bd09 has RGB values of R:242, G:189, B:9 and CMYK values of C:0, M:0.22, Y:0.96, K:0.05. Its decimal value is 15908105.

Hex triplet	f2bd09	`#f2bd09`
RGB Decimal	242, 189, 9	`rgb(242,189,9)`
RGB Percent	94.9, 74.1, 3.5	`rgb(94.9%,74.1%,3.5%)`
CMYK	0, 22, 96, 5
HSL	46.4°, 92.8, 49.2	`hsl(46.4,92.8%,49.2%)`
HSV (or HSB)	46.4°, 96.3, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.211, 5.926, 80.244
XYZ	54.866, 55.295, 8.042
xyY	0.464, 0.468, 55.295
CIE-LCH	79.211, 80.463, 85.777
CIE-LUV	79.211, 45.051, 81.855
Hunter-Lab	74.361, 1.573, 45.641
Binary	11110010, 10111101, 00001001

#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#093ef2
```
#093ef2 rgb(9,62,242)
```

Complementary Color

#f24809
```
#f24809 rgb(242,72,9)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#b3f209
```
#b3f209 rgb(179,242,9)
```

Analogous Color

#4809f2
```
#4809f2 rgb(72,9,242)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#09b3f2
```
#09b3f2 rgb(9,179,242)
```

Split Complementary Color

#bd09f2
```
#bd09f2 rgb(189,9,242)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#09f2bd
```
#09f2bd rgb(9,242,189)
```

Triadic Color

#f2093e
```
#f2093e rgb(242,9,62)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#09f2bd
```
#09f2bd rgb(9,242,189)
```
#093ef2
```
#093ef2 rgb(9,62,242)
```

Tetradic Color

#a88306
```
#a88306 rgb(168,131,6)
```
#c19707
```
#c19707 rgb(193,151,7)
```
#d9aa08
```
#d9aa08 rgb(217,170,8)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#f7c51e
```
#f7c51e rgb(247,197,30)
```
#f8cc36
```
#f8cc36 rgb(248,204,54)
```
#f8d24f
```
#f8d24f rgb(248,210,79)
```

Monochromatic Color

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

#f28309
```
#f28309 rgb(242,131,9)
```
#f29609
```
#f29609 rgb(242,150,9)
```
#f2aa09
```
#f2aa09 rgb(242,170,9)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```
#f2d009
```
#f2d009 rgb(242,208,9)
```
#f2e409
```
#f2e409 rgb(242,228,9)
```
#edf209
```
#edf209 rgb(237,242,9)
```

Similar Colors

Text with hexadecimal color #f2bd09

This text has a font color of #f2bd09.

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

#f2bd09 background color

This paragraph has a background color of #f2bd09.

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

#f2bd09 border color

This element has a border color of #f2bd09.

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

CSS codes

.text {color:#f2bd09;}

.background {background-color:#f2bd09;}

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

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

#0f0c01
```
#0f0c01 rgb(15,12,1)
```
#221b01
```
#221b01 rgb(34,27,1)
```
#352902
```
#352902 rgb(53,41,2)
```
#483803
```
#483803 rgb(72,56,3)
```
#5b4703
```
#5b4703 rgb(91,71,3)
```
#6e5604
```
#6e5604 rgb(110,86,4)
```
#816405
```
#816405 rgb(129,100,5)
```
#937305
```
#937305 rgb(147,115,5)
```
#a68206
```
#a68206 rgb(166,130,6)
```
#b99107
```
#b99107 rgb(185,145,7)
```
#cc9f08
```
#cc9f08 rgb(204,159,8)
```
#dfae08
```
#dfae08 rgb(223,174,8)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```

Shade Color Variation

#f6c418
```
#f6c418 rgb(246,196,24)
```
#f7c92b
```
#f7c92b rgb(247,201,43)
```
#f8ce3e
```
#f8ce3e rgb(248,206,62)
```
#f9d251
```
#f9d251 rgb(249,210,81)
```
#f9d764
```
#f9d764 rgb(249,215,100)
```
#fadc77
```
#fadc77 rgb(250,220,119)
```
#fbe18a
```
#fbe18a rgb(251,225,138)
```
#fbe69d
```
#fbe69d rgb(251,230,157)
```
#fcebaf
```
#fcebaf rgb(252,235,175)
```
#fdefc2
```
#fdefc2 rgb(253,239,194)
```
#fdf4d5
```
#fdf4d5 rgb(253,244,213)
```
#fef9e8
```
#fef9e8 rgb(254,249,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#7e7e7d
```
#7e7e7d rgb(126,126,125)
```
#888373
```
#888373 rgb(136,131,115)
```
#91886a
```
#91886a rgb(145,136,106)
```
#9b8e60
```
#9b8e60 rgb(155,142,96)
```
#a59356
```
#a59356 rgb(165,147,86)
```
#ae984d
```
#ae984d rgb(174,152,77)
```
#b89d43
```
#b89d43 rgb(184,157,67)
```
#c2a339
```
#c2a339 rgb(194,163,57)
```
#cba830
```
#cba830 rgb(203,168,48)
```
#d5ad26
```
#d5ad26 rgb(213,173,38)
```
#dfb21c
```
#dfb21c rgb(223,178,28)
```
#e8b813
```
#e8b813 rgb(232,184,19)
```
#f2bd09
```
#f2bd09 rgb(242,189,9)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c4b995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc719 Protanopia 1% of men
#f9bd1a Deuteranopia 1% of men
#fcb3c0 Tritanopia 0.001% of the population

Trichromacy

#e6c313 Protanomaly 1% of men, 0.01% of women
#f6bd14 Deuteranomaly 6% of men, 0.4% of women
#f8b77d Tritanomaly 0.01% of the population

#f2bd09 hex color

#f2bd09 Color Information

#f2bd09 Color Conversion

Color Schemes with #f2bd09

Alternatives to #f2bd09

#f2bd09 Preview

Shades and Tints of #f2bd09

Tones of #f2bd09

Color Blindness Simulator