#f2bf14 hex color

In a RGB color space, hex #f2bf14 is composed of 94.9% red, 74.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 46.2 degrees, a saturation of 89.5% and a lightness of 51.4%. #f2bf14 color hex could be obtained by blending #ffff28 with #e57f00. Closest websafe color is: #ffcc00.

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

● #f2bf14 color description : Vivid yellow.

The hexadecimal color #f2bf14 has RGB values of R:242, G:191, B:20 and CMYK values of C:0, M:0.21, Y:0.92, K:0.05. Its decimal value is 15908628.

Hex triplet	f2bf14	`#f2bf14`
RGB Decimal	242, 191, 20	`rgb(242,191,20)`
RGB Percent	94.9, 74.9, 7.8	`rgb(94.9%,74.9%,7.8%)`
CMYK	0, 21, 92, 5
HSL	46.2°, 89.5, 51.4	`hsl(46.2,89.5%,51.4%)`
HSV (or HSB)	46.2°, 91.7, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.723, 5.005, 79.258
XYZ	55.376, 56.192, 8.591
xyY	0.461, 0.468, 56.192
CIE-LCH	79.723, 79.415, 86.387
CIE-LUV	79.723, 43.399, 81.845
Hunter-Lab	74.961, 0.68, 45.678
Binary	11110010, 10111111, 00010100

#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#1447f2
```
#1447f2 rgb(20,71,242)
```

Complementary Color

#f25014
```
#f25014 rgb(242,80,20)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#b6f214
```
#b6f214 rgb(182,242,20)
```

Analogous Color

#5014f2
```
#5014f2 rgb(80,20,242)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#14b6f2
```
#14b6f2 rgb(20,182,242)
```

Split Complementary Color

#bf14f2
```
#bf14f2 rgb(191,20,242)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#14f2bf
```
#14f2bf rgb(20,242,191)
```

Triadic Color

#f21447
```
#f21447 rgb(242,20,71)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#14f2bf
```
#14f2bf rgb(20,242,191)
```
#1447f2
```
#1447f2 rgb(20,71,242)
```

Tetradic Color

#b08a0a
```
#b08a0a rgb(176,138,10)
```
#c89d0b
```
#c89d0b rgb(200,157,11)
```
#e0af0c
```
#e0af0c rgb(224,175,12)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#f3c62c
```
#f3c62c rgb(243,198,44)
```
#f5cc44
```
#f5cc44 rgb(245,204,68)
```
#f6d35c
```
#f6d35c rgb(246,211,92)
```

Monochromatic Color

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

#f28814
```
#f28814 rgb(242,136,20)
```
#f29a14
```
#f29a14 rgb(242,154,20)
```
#f2ad14
```
#f2ad14 rgb(242,173,20)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#f2d214
```
#f2d214 rgb(242,210,20)
```
#f2e414
```
#f2e414 rgb(242,228,20)
```
#eef214
```
#eef214 rgb(238,242,20)
```

Similar Colors

Text with hexadecimal color #f2bf14

This text has a font color of #f2bf14.

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

#f2bf14 background color

This paragraph has a background color of #f2bf14.

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

#f2bf14 border color

This element has a border color of #f2bf14.

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

CSS codes

.text {color:#f2bf14;}

.background {background-color:#f2bf14;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#191401
```
#191401 rgb(25,20,1)
```
#2c2202
```
#2c2202 rgb(44,34,2)
```
#3e3103
```
#3e3103 rgb(62,49,3)
```
#513f04
```
#513f04 rgb(81,63,4)
```
#644e06
```
#644e06 rgb(100,78,6)
```
#765d07
```
#765d07 rgb(118,93,7)
```
#896b08
```
#896b08 rgb(137,107,8)
```
#9b7a09
```
#9b7a09 rgb(155,122,9)
```
#ae880a
```
#ae880a rgb(174,136,10)
```
#c1970b
```
#c1970b rgb(193,151,11)
```
#d3a50c
```
#d3a50c rgb(211,165,12)
```
#e6b40d
```
#e6b40d rgb(230,180,13)
```

Shade Color Variation

#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#f3c427
```
#f3c427 rgb(243,196,39)
```
#f4c939
```
#f4c939 rgb(244,201,57)
```
#f5ce4c
```
#f5ce4c rgb(245,206,76)
```
#f6d35e
```
#f6d35e rgb(246,211,94)
```
#f7d871
```
#f7d871 rgb(247,216,113)
```
#f8dd84
```
#f8dd84 rgb(248,221,132)
```
#f9e296
```
#f9e296 rgb(249,226,150)
```
#fae7a9
```
#fae7a9 rgb(250,231,169)
```
#fbedbb
```
#fbedbb rgb(251,237,187)
```
#fcf2ce
```
#fcf2ce rgb(252,242,206)
```
#fdf7e0
```
#fdf7e0 rgb(253,247,224)
```
#fefcf3
```
#fefcf3 rgb(254,252,243)
```

Tint Color Variation

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

#89867d
```
#89867d rgb(137,134,125)
```
#938b73
```
#938b73 rgb(147,139,115)
```
#9c916a
```
#9c916a rgb(156,145,106)
```
#a69660
```
#a69660 rgb(166,150,96)
```
#af9b57
```
#af9b57 rgb(175,155,87)
```
#b9a04d
```
#b9a04d rgb(185,160,77)
```
#c2a544
```
#c2a544 rgb(194,165,68)
```
#ccaa3a
```
#ccaa3a rgb(204,170,58)
```
#d5b031
```
#d5b031 rgb(213,176,49)
```
#dfb527
```
#dfb527 rgb(223,181,39)
```
#e8ba1e
```
#e8ba1e rgb(232,186,30)
```
#f2bf14
```
#f2bf14 rgb(242,191,20)
```
#fcc40a
```
#fcc40a rgb(252,196,10)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c6bc9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c922 Protanopia 1% of men
#fabe23 Deuteranopia 1% of men
#fcb5c2 Tritanopia 0.001% of the population

Trichromacy

#e7c51d Protanomaly 1% of men, 0.01% of women
#f7be1e Deuteranomaly 6% of men, 0.4% of women
#f8b882 Tritanomaly 0.01% of the population

#f2bf14 hex color

#f2bf14 Color Information

#f2bf14 Color Conversion

Color Schemes with #f2bf14

Alternatives to #f2bf14

#f2bf14 Preview

Shades and Tints of #f2bf14

Tones of #f2bf14

Color Blindness Simulator