#f2e301 hex color

In a RGB color space, hex #f2e301 is composed of 94.9% red, 89% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 56.3 degrees, a saturation of 99.2% and a lightness of 47.6%. #f2e301 color hex could be obtained by blending #ffff02 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

● #f2e301 color description : Vivid yellow.

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

Hex triplet	f2e301	`#f2e301`
RGB Decimal	242, 227, 1	`rgb(242,227,1)`
RGB Percent	94.9, 89, 0.4	`rgb(94.9%,89%,0.4%)`
CMYK	0, 6, 100, 5
HSL	56.3°, 99.2, 47.6	`hsl(56.3,99.2%,47.6%)`
HSV (or HSB)	56.3°, 99.6, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.837, -13.426, 87.885
XYZ	64.093, 73.819, 10.901
xyY	0.431, 0.496, 73.819
CIE-LCH	88.837, 88.905, 98.686
CIE-LUV	88.837, 17.414, 96.351
Hunter-Lab	85.918, -17.2, 52.62
Binary	11110010, 11100011, 00000001

#f2e301
```
#f2e301 rgb(242,227,1)
```
#0110f2
```
#0110f2 rgb(1,16,242)
```

Complementary Color

#f26b01
```
#f26b01 rgb(242,107,1)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#89f201
```
#89f201 rgb(137,242,1)
```

Analogous Color

#6b01f2
```
#6b01f2 rgb(107,1,242)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#0189f2
```
#0189f2 rgb(1,137,242)
```

Split Complementary Color

#e301f2
```
#e301f2 rgb(227,1,242)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#01f2e3
```
#01f2e3 rgb(1,242,227)
```

Triadic Color

#f20110
```
#f20110 rgb(242,1,16)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#01f2e3
```
#01f2e3 rgb(1,242,227)
```
#0110f2
```
#0110f2 rgb(1,16,242)
```

Tetradic Color

#a69c01
```
#a69c01 rgb(166,156,1)
```
#bfb301
```
#bfb301 rgb(191,179,1)
```
#d9cb01
```
#d9cb01 rgb(217,203,1)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#feef0e
```
#feef0e rgb(254,239,14)
```
#fef128
```
#fef128 rgb(254,241,40)
```
#fef241
```
#fef241 rgb(254,242,65)
```

Monochromatic Color

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

#f2a701
```
#f2a701 rgb(242,167,1)
```
#f2bb01
```
#f2bb01 rgb(242,187,1)
```
#f2cf01
```
#f2cf01 rgb(242,207,1)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```
#edf201
```
#edf201 rgb(237,242,1)
```
#d9f201
```
#d9f201 rgb(217,242,1)
```
#c5f201
```
#c5f201 rgb(197,242,1)
```

Similar Colors

Text with hexadecimal color #f2e301

This text has a font color of #f2e301.

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

#f2e301 background color

This paragraph has a background color of #f2e301.

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

#f2e301 border color

This element has a border color of #f2e301.

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

CSS codes

.text {color:#f2e301;}

.background {background-color:#f2e301;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1900
```
#1b1900 rgb(27,25,0)
```
#2f2c00
```
#2f2c00 rgb(47,44,0)
```
#423e00
```
#423e00 rgb(66,62,0)
```
#565000
```
#565000 rgb(86,80,0)
```
#696300
```
#696300 rgb(105,99,0)
```
#7d7501
```
#7d7501 rgb(125,117,1)
```
#908701
```
#908701 rgb(144,135,1)
```
#a49a01
```
#a49a01 rgb(164,154,1)
```
#b7ac01
```
#b7ac01 rgb(183,172,1)
```
#cbbe01
```
#cbbe01 rgb(203,190,1)
```
#ded101
```
#ded101 rgb(222,209,1)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```

Shade Color Variation

#feef09
```
#feef09 rgb(254,239,9)
```
#fef01c
```
#fef01c rgb(254,240,28)
```
#fef130
```
#fef130 rgb(254,241,48)
```
#fef343
```
#fef343 rgb(254,243,67)
```
#fef457
```
#fef457 rgb(254,244,87)
```
#fef56a
```
#fef56a rgb(254,245,106)
```
#fef67e
```
#fef67e rgb(254,246,126)
```
#fff891
```
#fff891 rgb(255,248,145)
```
#fff9a5
```
#fff9a5 rgb(255,249,165)
```
#fffab8
```
#fffab8 rgb(255,250,184)
```
#fffccc
```
#fffccc rgb(255,252,204)
```
#fffde0
```
#fffde0 rgb(255,253,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#828171
```
#828171 rgb(130,129,113)
```
#8b8968
```
#8b8968 rgb(139,137,104)
```
#95915e
```
#95915e rgb(149,145,94)
```
#9e9955
```
#9e9955 rgb(158,153,85)
```
#a7a24c
```
#a7a24c rgb(167,162,76)
```
#b1aa42
```
#b1aa42 rgb(177,170,66)
```
#bab239
```
#bab239 rgb(186,178,57)
```
#c3ba30
```
#c3ba30 rgb(195,186,48)
```
#cdc226
```
#cdc226 rgb(205,194,38)
```
#d6ca1d
```
#d6ca1d rgb(214,202,29)
```
#dfd314
```
#dfd314 rgb(223,211,20)
```
#e9db0a
```
#e9db0a rgb(233,219,10)
```
#f2e301
```
#f2e301 rgb(242,227,1)
```

Tone Color Variation

Below, you can see how #f2e301 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
#fade6c Deuteranomaly 6% of men, 0.4% of women
#fada91 Tritanomaly 0.01% of the population

#f2e301 hex color

#f2e301 Color Information

#f2e301 Color Conversion

Color Schemes with #f2e301

Alternatives to #f2e301

#f2e301 Preview

Shades and Tints of #f2e301

Tones of #f2e301

Color Blindness Simulator