#f2bf0f hex color

In a RGB color space, hex #f2bf0f is composed of 94.9% red, 74.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 93.8% yellow and 5.1% black. It has a hue angle of 46.5 degrees, a saturation of 89.7% and a lightness of 50.4%. #f2bf0f color hex could be obtained by blending #ffff1e with #e57f00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 95
- G 75
- B 6
RGB color chart
- C 0
- M 21
- Y 94
- K 5
CMYK color chart

● #f2bf0f color description : Vivid yellow.

The hexadecimal color #f2bf0f has RGB values of R:242, G:191, B:15 and CMYK values of C:0, M:0.21, Y:0.94, K:0.05. Its decimal value is 15908623.

Hex triplet	f2bf0f	`#f2bf0f`
RGB Decimal	242, 191, 15	`rgb(242,191,15)`
RGB Percent	94.9, 74.9, 5.9	`rgb(94.9%,74.9%,5.9%)`
CMYK	0, 21, 94, 5
HSL	46.5°, 89.7, 50.4	`hsl(46.5,89.7%,50.4%)`
HSV (or HSB)	46.5°, 93.8, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.714, 4.943, 79.949
XYZ	55.336, 56.176, 8.38
xyY	0.462, 0.469, 56.176
CIE-LCH	79.714, 80.102, 86.462
CIE-LUV	79.714, 43.46, 82.235
Hunter-Lab	74.951, 0.622, 45.836
Binary	11110010, 10111111, 00001111

#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#0f42f2
```
#0f42f2 rgb(15,66,242)
```

Complementary Color

#f24e0f
```
#f24e0f rgb(242,78,15)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#b4f20f
```
#b4f20f rgb(180,242,15)
```

Analogous Color

#4e0ff2
```
#4e0ff2 rgb(78,15,242)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#0fb4f2
```
#0fb4f2 rgb(15,180,242)
```

Split Complementary Color

#bf0ff2
```
#bf0ff2 rgb(191,15,242)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#0ff2bf
```
#0ff2bf rgb(15,242,191)
```

Triadic Color

#f20f42
```
#f20f42 rgb(242,15,66)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#0ff2bf
```
#0ff2bf rgb(15,242,191)
```
#0f42f2
```
#0f42f2 rgb(15,66,242)
```

Tetradic Color

#ab8709
```
#ab8709 rgb(171,135,9)
```
#c39a0b
```
#c39a0b rgb(195,154,11)
```
#dcad0c
```
#dcad0c rgb(220,173,12)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#f3c527
```
#f3c527 rgb(243,197,39)
```
#f5cc3f
```
#f5cc3f rgb(245,204,63)
```
#f6d258
```
#f6d258 rgb(246,210,88)
```

Monochromatic Color

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

#f2860f
```
#f2860f rgb(242,134,15)
```
#f2990f
```
#f2990f rgb(242,153,15)
```
#f2ac0f
```
#f2ac0f rgb(242,172,15)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#f2d20f
```
#f2d20f rgb(242,210,15)
```
#f2e50f
```
#f2e50f rgb(242,229,15)
```
#ecf20f
```
#ecf20f rgb(236,242,15)
```

Similar Colors

Text with hexadecimal color #f2bf0f

This text has a font color of #f2bf0f.

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

#f2bf0f background color

This paragraph has a background color of #f2bf0f.

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

#f2bf0f border color

This element has a border color of #f2bf0f.

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

CSS codes

.text {color:#f2bf0f;}

.background {background-color:#f2bf0f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#151001
```
#151001 rgb(21,16,1)
```
#271f02
```
#271f02 rgb(39,31,2)
```
#3a2d03
```
#3a2d03 rgb(58,45,3)
```
#4c3c04
```
#4c3c04 rgb(76,60,4)
```
#5f4b05
```
#5f4b05 rgb(95,75,5)
```
#725906
```
#725906 rgb(114,89,6)
```
#846807
```
#846807 rgb(132,104,7)
```
#977708
```
#977708 rgb(151,119,8)
```
#a98509
```
#a98509 rgb(169,133,9)
```
#bc940a
```
#bc940a rgb(188,148,10)
```
#cfa30b
```
#cfa30b rgb(207,163,11)
```
#e1b10c
```
#e1b10c rgb(225,177,12)
```

Shade Color Variation

#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#f3c422
```
#f3c422 rgb(243,196,34)
```
#f4c934
```
#f4c934 rgb(244,201,52)
```
#f5ce47
```
#f5ce47 rgb(245,206,71)
```
#f6d359
```
#f6d359 rgb(246,211,89)
```
#f7d86c
```
#f7d86c rgb(247,216,108)
```
#f8dd7f
```
#f8dd7f rgb(248,221,127)
```
#f9e291
```
#f9e291 rgb(249,226,145)
```
#fae7a4
```
#fae7a4 rgb(250,231,164)
```
#fbecb6
```
#fbecb6 rgb(251,236,182)
```
#fcf1c9
```
#fcf1c9 rgb(252,241,201)
```
#fdf6dc
```
#fdf6dc rgb(253,246,220)
```
#fefbee
```
#fefbee rgb(254,251,238)
```

Tint Color Variation

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

#87847a
```
#87847a rgb(135,132,122)
```
#918970
```
#918970 rgb(145,137,112)
```
#9a8f67
```
#9a8f67 rgb(154,143,103)
```
#a4945d
```
#a4945d rgb(164,148,93)
```
#ae9953
```
#ae9953 rgb(174,153,83)
```
#b89f49
```
#b89f49 rgb(184,159,73)
```
#c1a440
```
#c1a440 rgb(193,164,64)
```
#cbaa36
```
#cbaa36 rgb(203,170,54)
```
#d5af2c
```
#d5af2c rgb(213,175,44)
```
#dfb422
```
#dfb422 rgb(223,180,34)
```
#e8ba19
```
#e8ba19 rgb(232,186,25)
```
#f2bf0f
```
#f2bf0f rgb(242,191,15)
```
#fcc405
```
#fcc405 rgb(252,196,5)
```

Tone Color Variation

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

Dichromacy

#e0c81e Protanopia 1% of men
#fabe1f Deuteranopia 1% of men
#fcb5c2 Tritanopia 0.001% of the population

Trichromacy

#e7c518 Protanomaly 1% of men, 0.01% of women
#f7be19 Deuteranomaly 6% of men, 0.4% of women
#f8b880 Tritanomaly 0.01% of the population

#f2bf0f hex color

#f2bf0f Color Information

#f2bf0f Color Conversion

Color Schemes with #f2bf0f

Alternatives to #f2bf0f

#f2bf0f Preview

Shades and Tints of #f2bf0f

Tones of #f2bf0f

Color Blindness Simulator