#f2bc00 hex color

In a RGB color space, hex #f2bc00 is composed of 94.9% red, 73.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 100% yellow and 5.1% black. It has a hue angle of 46.6 degrees, a saturation of 100% and a lightness of 47.5%. #f2bc00 color hex could be obtained by blending #ffff00 with #e57900. Closest websafe color is: #ffcc00.

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

● #f2bc00 color description : Pure (or mostly pure) yellow.

The hexadecimal color #f2bc00 has RGB values of R:242, G:188, B:0 and CMYK values of C:0, M:0.22, Y:1, K:0.05. Its decimal value is 15907840.

Hex triplet	f2bc00	`#f2bc00`
RGB Decimal	242, 188, 0	`rgb(242,188,0)`
RGB Percent	94.9, 73.7, 0	`rgb(94.9%,73.7%,0%)`
CMYK	0, 22, 100, 5
HSL	46.6°, 100, 47.5	`hsl(46.6,100%,47.5%)`
HSV (or HSB)	46.6°, 100, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	78.953, 6.37, 80.967
XYZ	54.602, 54.847, 7.711
xyY	0.466, 0.468, 54.847
CIE-LCH	78.953, 81.217, 85.501
CIE-LUV	78.953, 45.9, 81.973
Hunter-Lab	74.058, 2.003, 45.668
Binary	11110010, 10111100, 00000000

#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#0036f2
```
#0036f2 rgb(0,54,242)
```

Complementary Color

#f24300
```
#f24300 rgb(242,67,0)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#aff200
```
#aff200 rgb(175,242,0)
```

Analogous Color

#4300f2
```
#4300f2 rgb(67,0,242)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#00aff2
```
#00aff2 rgb(0,175,242)
```

Split Complementary Color

#bc00f2
```
#bc00f2 rgb(188,0,242)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#00f2bc
```
#00f2bc rgb(0,242,188)
```

Triadic Color

#f20036
```
#f20036 rgb(242,0,54)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#00f2bc
```
#00f2bc rgb(0,242,188)
```
#0036f2
```
#0036f2 rgb(0,54,242)
```

Tetradic Color

#a68100
```
#a68100 rgb(166,129,0)
```
#bf9400
```
#bf9400 rgb(191,148,0)
```
#d9a800
```
#d9a800 rgb(217,168,0)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#ffc90d
```
#ffc90d rgb(255,201,13)
```
#ffcf26
```
#ffcf26 rgb(255,207,38)
```
#ffd440
```
#ffd440 rgb(255,212,64)
```

Monochromatic Color

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

#f28000
```
#f28000 rgb(242,128,0)
```
#f29400
```
#f29400 rgb(242,148,0)
```
#f2a800
```
#f2a800 rgb(242,168,0)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```
#f2d000
```
#f2d000 rgb(242,208,0)
```
#f2e400
```
#f2e400 rgb(242,228,0)
```
#ecf200
```
#ecf200 rgb(236,242,0)
```

Similar Colors

Text with hexadecimal color #f2bc00

This text has a font color of #f2bc00.

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

#f2bc00 background color

This paragraph has a background color of #f2bc00.

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

#f2bc00 border color

This element has a border color of #f2bc00.

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

CSS codes

.text {color:#f2bc00;}

.background {background-color:#f2bc00;}

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

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 #fffcf2 is the lightest one.

#070500
```
#070500 rgb(7,5,0)
```
#1a1400
```
#1a1400 rgb(26,20,0)
```
#2e2400
```
#2e2400 rgb(46,36,0)
```
#413300
```
#413300 rgb(65,51,0)
```
#554200
```
#554200 rgb(85,66,0)
```
#695100
```
#695100 rgb(105,81,0)
```
#7c6100
```
#7c6100 rgb(124,97,0)
```
#907000
```
#907000 rgb(144,112,0)
```
#a47f00
```
#a47f00 rgb(164,127,0)
```
#b78e00
```
#b78e00 rgb(183,142,0)
```
#cb9e00
```
#cb9e00 rgb(203,158,0)
```
#dead00
```
#dead00 rgb(222,173,0)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```

Shade Color Variation

#ffc807
```
#ffc807 rgb(255,200,7)
```
#ffcc1a
```
#ffcc1a rgb(255,204,26)
```
#ffd02e
```
#ffd02e rgb(255,208,46)
```
#ffd541
```
#ffd541 rgb(255,213,65)
```
#ffd955
```
#ffd955 rgb(255,217,85)
```
#ffdd69
```
#ffdd69 rgb(255,221,105)
```
#ffe27c
```
#ffe27c rgb(255,226,124)
```
#ffe690
```
#ffe690 rgb(255,230,144)
```
#ffeba4
```
#ffeba4 rgb(255,235,164)
```
#ffefb7
```
#ffefb7 rgb(255,239,183)
```
#fff3cb
```
#fff3cb rgb(255,243,203)
```
#fff8de
```
#fff8de rgb(255,248,222)
```
#fffcf2
```
#fffcf2 rgb(255,252,242)
```

Tint Color Variation

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

#827e70
```
#827e70 rgb(130,126,112)
```
#8c8366
```
#8c8366 rgb(140,131,102)
```
#95885d
```
#95885d rgb(149,136,93)
```
#9e8e54
```
#9e8e54 rgb(158,142,84)
```
#a8934a
```
#a8934a rgb(168,147,74)
```
#b19841
```
#b19841 rgb(177,152,65)
```
#ba9d38
```
#ba9d38 rgb(186,157,56)
```
#c3a22f
```
#c3a22f rgb(195,162,47)
```
#cda725
```
#cda725 rgb(205,167,37)
```
#d6ad1c
```
#d6ad1c rgb(214,173,28)
```
#dfb213
```
#dfb213 rgb(223,178,19)
```
#e9b709
```
#e9b709 rgb(233,183,9)
```
#f2bc00
```
#f2bc00 rgb(242,188,0)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c3b892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec70e Protanopia 1% of men
#f8bc10 Deuteranopia 1% of men
#fcb2bf Tritanopia 0.001% of the population

Trichromacy

#e5c309 Protanomaly 1% of men, 0.01% of women
#f6bc0a Deuteranomaly 6% of men, 0.4% of women
#f8b679 Tritanomaly 0.01% of the population

#f2bc00 hex color

#f2bc00 Color Information

#f2bc00 Color Conversion

Color Schemes with #f2bc00

Alternatives to #f2bc00

#f2bc00 Preview

Shades and Tints of #f2bc00

Tones of #f2bc00

Color Blindness Simulator