#f2f102 hex color

In a RGB color space, hex #f2f102 is composed of 94.9% red, 94.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.4% magenta, 99.2% yellow and 5.1% black. It has a hue angle of 59.8 degrees, a saturation of 98.4% and a lightness of 47.8%. #f2f102 color hex could be obtained by blending #ffff04 with #e5e300. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 95
- G 95
- B 1
RGB color chart
- C 0
- M 0
- Y 99
- K 5
CMYK color chart

● #f2f102 color description : Vivid yellow.

The hexadecimal color #f2f102 has RGB values of R:242, G:241, B:2 and CMYK values of C:0, M:0, Y:0.99, K:0.05. Its decimal value is 15921410.

Hex triplet	f2f102	`#f2f102`
RGB Decimal	242, 241, 2	`rgb(242,241,2)`
RGB Percent	94.9, 94.5, 0.8	`rgb(94.9%,94.5%,0.8%)`
CMYK	0, 0, 99, 5
HSL	59.8°, 98.4, 47.8	`hsl(59.8,98.4%,47.8%)`
HSV (or HSB)	59.8°, 99.2, 94.9
Web Safe	ffff00	`#ffff00`

CIE-LAB	92.484, -20.225, 90.467
XYZ	68.084, 81.793, 12.259
xyY	0.42, 0.504, 81.793
CIE-LCH	92.484, 92.7, 102.602
CIE-LUV	92.484, 8.001, 101.498
Hunter-Lab	90.44, -23.892, 55.271
Binary	11110010, 11110001, 00000010

#f2f102
```
#f2f102 rgb(242,241,2)
```
#0203f2
```
#0203f2 rgb(2,3,242)
```

Complementary Color

#f27902
```
#f27902 rgb(242,121,2)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#7bf202
```
#7bf202 rgb(123,242,2)
```

Analogous Color

#7902f2
```
#7902f2 rgb(121,2,242)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#027bf2
```
#027bf2 rgb(2,123,242)
```

Split Complementary Color

#f102f2
```
#f102f2 rgb(241,2,242)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#02f2f1
```
#02f2f1 rgb(2,242,241)
```

Triadic Color

#f20203
```
#f20203 rgb(242,2,3)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#02f2f1
```
#02f2f1 rgb(2,242,241)
```
#0203f2
```
#0203f2 rgb(2,3,242)
```

Tetradic Color

#a6a501
```
#a6a501 rgb(166,165,1)
```
#bfbf02
```
#bfbf02 rgb(191,191,2)
```
#d9d802
```
#d9d802 rgb(217,216,2)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#fdfc10
```
#fdfc10 rgb(253,252,16)
```
#fdfc2a
```
#fdfc2a rgb(253,252,42)
```
#fdfd43
```
#fdfd43 rgb(253,253,67)
```

Monochromatic Color

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

#f2b502
```
#f2b502 rgb(242,181,2)
```
#f2c902
```
#f2c902 rgb(242,201,2)
```
#f2dd02
```
#f2dd02 rgb(242,221,2)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```
#dff202
```
#dff202 rgb(223,242,2)
```
#cbf202
```
#cbf202 rgb(203,242,2)
```
#b7f202
```
#b7f202 rgb(183,242,2)
```

Similar Colors

Text with hexadecimal color #f2f102

This text has a font color of #f2f102.

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

#f2f102 background color

This paragraph has a background color of #f2f102.

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

#f2f102 border color

This element has a border color of #f2f102.

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

CSS codes

.text {color:#f2f102;}

.background {background-color:#f2f102;}

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

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

#090900
```
#090900 rgb(9,9,0)
```
#1c1c00
```
#1c1c00 rgb(28,28,0)
```
#2f2f00
```
#2f2f00 rgb(47,47,0)
```
#434301
```
#434301 rgb(67,67,1)
```
#565601
```
#565601 rgb(86,86,1)
```
#6a6901
```
#6a6901 rgb(106,105,1)
```
#7d7d01
```
#7d7d01 rgb(125,125,1)
```
#919001
```
#919001 rgb(145,144,1)
```
#a4a401
```
#a4a401 rgb(164,164,1)
```
#b8b702
```
#b8b702 rgb(184,183,2)
```
#cbca02
```
#cbca02 rgb(203,202,2)
```
#dfde02
```
#dfde02 rgb(223,222,2)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```

Shade Color Variation

#fdfc0b
```
#fdfc0b rgb(253,252,11)
```
#fdfc1e
```
#fdfc1e rgb(253,252,30)
```
#fdfc32
```
#fdfc32 rgb(253,252,50)
```
#fdfd45
```
#fdfd45 rgb(253,253,69)
```
#fefd58
```
#fefd58 rgb(254,253,88)
```
#fefd6c
```
#fefd6c rgb(254,253,108)
```
#fefd7f
```
#fefd7f rgb(254,253,127)
```
#fefe93
```
#fefe93 rgb(254,254,147)
```
#fefea6
```
#fefea6 rgb(254,254,166)
```
#fefeba
```
#fefeba rgb(254,254,186)
```
#fffecd
```
#fffecd rgb(255,254,205)
```
#ffffe1
```
#ffffe1 rgb(255,255,225)
```
#fffff4
```
#fffff4 rgb(255,255,244)
```

Tint Color Variation

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

#818173
```
#818173 rgb(129,129,115)
```
#8b8b69
```
#8b8b69 rgb(139,139,105)
```
#949460
```
#949460 rgb(148,148,96)
```
#9e9d56
```
#9e9d56 rgb(158,157,86)
```
#a7a74d
```
#a7a74d rgb(167,167,77)
```
#b0b044
```
#b0b044 rgb(176,176,68)
```
#bab93a
```
#bab93a rgb(186,185,58)
```
#c3c231
```
#c3c231 rgb(195,194,49)
```
#cccc28
```
#cccc28 rgb(204,204,40)
```
#d6d51e
```
#d6d51e rgb(214,213,30)
```
#dfde15
```
#dfde15 rgb(223,222,21)
```
#e9e80b
```
#e9e80b rgb(233,232,11)
```
#f2f102
```
#f2f102 rgb(242,241,2)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dcdbac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8f Protanopia 1% of men
#ffe7c9 Deuteranopia 1% of men
#ffe3f0 Tritanopia 0.001% of the population

Trichromacy

#faed5b Protanomaly 1% of men, 0.01% of women
#faea80 Deuteranomaly 6% of men, 0.4% of women
#fae899 Tritanomaly 0.01% of the population

#f2f102 hex color

#f2f102 Color Information

#f2f102 Color Conversion

Color Schemes with #f2f102

Alternatives to #f2f102

#f2f102 Preview

Shades and Tints of #f2f102

Tones of #f2f102

Color Blindness Simulator