#f2e300 hex color

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

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

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

The hexadecimal color #f2e300 has RGB values of R:242, G:227, B:0 and CMYK values of C:0, M:0.06, Y:1, K:0.05. Its decimal value is 15917824.

Hex triplet	f2e300	`#f2e300`
RGB Decimal	242, 227, 0	`rgb(242,227,0)`
RGB Percent	94.9, 89, 0	`rgb(94.9%,89%,0%)`
CMYK	0, 6, 100, 5
HSL	56.3°, 100, 47.5	`hsl(56.3,100%,47.5%)`
HSV (or HSB)	56.3°, 100, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.836, -13.434, 87.965
XYZ	64.088, 73.817, 10.872
xyY	0.431, 0.496, 73.817
CIE-LCH	88.836, 88.985, 98.683
CIE-LUV	88.836, 17.418, 96.397
Hunter-Lab	85.917, -17.207, 52.639
Binary	11110010, 11100011, 00000000

#f2e300
```
#f2e300 rgb(242,227,0)
```
#000ff2
```
#000ff2 rgb(0,15,242)
```

Complementary Color

#f26a00
```
#f26a00 rgb(242,106,0)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#88f200
```
#88f200 rgb(136,242,0)
```

Analogous Color

#6a00f2
```
#6a00f2 rgb(106,0,242)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#0088f2
```
#0088f2 rgb(0,136,242)
```

Split Complementary Color

#e300f2
```
#e300f2 rgb(227,0,242)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#00f2e3
```
#00f2e3 rgb(0,242,227)
```

Triadic Color

#f2000f
```
#f2000f rgb(242,0,15)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#00f2e3
```
#00f2e3 rgb(0,242,227)
```
#000ff2
```
#000ff2 rgb(0,15,242)
```

Tetradic Color

#a69b00
```
#a69b00 rgb(166,155,0)
```
#bfb300
```
#bfb300 rgb(191,179,0)
```
#d9cb00
```
#d9cb00 rgb(217,203,0)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#fff00d
```
#fff00d rgb(255,240,13)
```
#fff226
```
#fff226 rgb(255,242,38)
```
#fff340
```
#fff340 rgb(255,243,64)
```

Monochromatic Color

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

#f2a700
```
#f2a700 rgb(242,167,0)
```
#f2bb00
```
#f2bb00 rgb(242,187,0)
```
#f2cf00
```
#f2cf00 rgb(242,207,0)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```
#edf200
```
#edf200 rgb(237,242,0)
```
#d9f200
```
#d9f200 rgb(217,242,0)
```
#c5f200
```
#c5f200 rgb(197,242,0)
```

Similar Colors

Text with hexadecimal color #f2e300

This text has a font color of #f2e300.

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

#f2e300 background color

This paragraph has a background color of #f2e300.

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

#f2e300 border color

This element has a border color of #f2e300.

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

CSS codes

.text {color:#f2e300;}

.background {background-color:#f2e300;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1a1900
```
#1a1900 rgb(26,25,0)
```
#2e2b00
```
#2e2b00 rgb(46,43,0)
```
#413d00
```
#413d00 rgb(65,61,0)
```
#555000
```
#555000 rgb(85,80,0)
```
#696200
```
#696200 rgb(105,98,0)
```
#7c7500
```
#7c7500 rgb(124,117,0)
```
#908700
```
#908700 rgb(144,135,0)
```
#a49900
```
#a49900 rgb(164,153,0)
```
#b7ac00
```
#b7ac00 rgb(183,172,0)
```
#cbbe00
```
#cbbe00 rgb(203,190,0)
```
#ded100
```
#ded100 rgb(222,209,0)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```

Shade Color Variation

#fff007
```
#fff007 rgb(255,240,7)
```
#fff11a
```
#fff11a rgb(255,241,26)
```
#fff22e
```
#fff22e rgb(255,242,46)
```
#fff341
```
#fff341 rgb(255,243,65)
```
#fff455
```
#fff455 rgb(255,244,85)
```
#fff669
```
#fff669 rgb(255,246,105)
```
#fff77c
```
#fff77c rgb(255,247,124)
```
#fff890
```
#fff890 rgb(255,248,144)
```
#fff9a4
```
#fff9a4 rgb(255,249,164)
```
#fffbb7
```
#fffbb7 rgb(255,251,183)
```
#fffccb
```
#fffccb rgb(255,252,203)
```
#fffdde
```
#fffdde rgb(255,253,222)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#828170
```
#828170 rgb(130,129,112)
```
#8c8966
```
#8c8966 rgb(140,137,102)
```
#95915d
```
#95915d rgb(149,145,93)
```
#9e9a54
```
#9e9a54 rgb(158,154,84)
```
#a8a24a
```
#a8a24a rgb(168,162,74)
```
#b1aa41
```
#b1aa41 rgb(177,170,65)
```
#bab238
```
#bab238 rgb(186,178,56)
```
#c3ba2f
```
#c3ba2f rgb(195,186,47)
```
#cdc225
```
#cdc225 rgb(205,194,37)
```
#d6cb1c
```
#d6cb1c rgb(214,203,28)
```
#dfd313
```
#dfd313 rgb(223,211,19)
```
#e9db09
```
#e9db09 rgb(233,219,9)
```
#f2e300
```
#f2e300 rgb(242,227,0)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d5d2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce100 Protanopia 1% of men
#ffdba9 Deuteranopia 1% of men
#ffd6e3 Tritanopia 0.001% of the population

Trichromacy

#f8e100 Protanomaly 1% of men, 0.01% of women
#fade6b Deuteranomaly 6% of men, 0.4% of women
#fada91 Tritanomaly 0.01% of the population

#f2e300 hex color

#f2e300 Color Information

#f2e300 Color Conversion

Color Schemes with #f2e300

Alternatives to #f2e300

#f2e300 Preview

Shades and Tints of #f2e300

Tones of #f2e300

Color Blindness Simulator