#f2e54d hex color

In a RGB color space, hex #f2e54d is composed of 94.9% red, 89.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 68.2% yellow and 5.1% black. It has a hue angle of 55.3 degrees, a saturation of 86.4% and a lightness of 62.5%. #f2e54d color hex could be obtained by blending #ffff9a with #e5cb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 90
- B 30
RGB color chart
- C 0
- M 5
- Y 68
- K 5
CMYK color chart

● #f2e54d color description : Soft yellow.

The hexadecimal color #f2e54d has RGB values of R:242, G:229, B:77 and CMYK values of C:0, M:0.05, Y:0.68, K:0.05. Its decimal value is 15918413.

Hex triplet	f2e54d	`#f2e54d`
RGB Decimal	242, 229, 77	`rgb(242,229,77)`
RGB Percent	94.9, 89.8, 30.2	`rgb(94.9%,89.8%,30.2%)`
CMYK	0, 5, 68, 5
HSL	55.3°, 86.4, 62.5	`hsl(55.3,86.4%,62.5%)`
HSV (or HSB)	55.3°, 68.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.605, -12.481, 72.09
XYZ	65.977, 75.453, 18.109
xyY	0.414, 0.473, 75.453
CIE-LCH	89.605, 73.162, 99.823
CIE-LUV	89.605, 15.064, 86.217
Hunter-Lab	86.864, -16.433, 48.444
Binary	11110010, 11100101, 01001101

#f2e54d
```
#f2e54d rgb(242,229,77)
```
#4d5af2
```
#4d5af2 rgb(77,90,242)
```

Complementary Color

#f2934d
```
#f2934d rgb(242,147,77)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#adf24d
```
#adf24d rgb(173,242,77)
```

Analogous Color

#934df2
```
#934df2 rgb(147,77,242)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#4dadf2
```
#4dadf2 rgb(77,173,242)
```

Split Complementary Color

#e54df2
```
#e54df2 rgb(229,77,242)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#4df2e5
```
#4df2e5 rgb(77,242,229)
```

Triadic Color

#f24d5a
```
#f24d5a rgb(242,77,90)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#4df2e5
```
#4df2e5 rgb(77,242,229)
```
#4d5af2
```
#4d5af2 rgb(77,90,242)
```

Tetradic Color

#e2d111
```
#e2d111 rgb(226,209,17)
```
#efde1d
```
#efde1d rgb(239,222,29)
```
#f0e235
```
#f0e235 rgb(240,226,53)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#f4e865
```
#f4e865 rgb(244,232,101)
```
#f5ec7d
```
#f5ec7d rgb(245,236,125)
```
#f7ef94
```
#f7ef94 rgb(247,239,148)
```

Monochromatic Color

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

#f2bc4d
```
#f2bc4d rgb(242,188,77)
```
#f2ca4d
```
#f2ca4d rgb(242,202,77)
```
#f2d74d
```
#f2d74d rgb(242,215,77)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#f1f24d
```
#f1f24d rgb(241,242,77)
```
#e4f24d
```
#e4f24d rgb(228,242,77)
```
#d6f24d
```
#d6f24d rgb(214,242,77)
```

Similar Colors

Text with hexadecimal color #f2e54d

This text has a font color of #f2e54d.

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

#f2e54d background color

This paragraph has a background color of #f2e54d.

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

#f2e54d border color

This element has a border color of #f2e54d.

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

CSS codes

.text {color:#f2e54d;}

.background {background-color:#f2e54d;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#171502
```
#171502 rgb(23,21,2)
```
#292603
```
#292603 rgb(41,38,3)
```
#3c3704
```
#3c3704 rgb(60,55,4)
```
#4e4806
```
#4e4806 rgb(78,72,6)
```
#605907
```
#605907 rgb(96,89,7)
```
#726a08
```
#726a08 rgb(114,106,8)
```
#857b0a
```
#857b0a rgb(133,123,10)
```
#978c0b
```
#978c0b rgb(151,140,11)
```
#a99d0c
```
#a99d0c rgb(169,157,12)
```
#bcae0e
```
#bcae0e rgb(188,174,14)
```
#cebf0f
```
#cebf0f rgb(206,191,15)
```
#e0d010
```
#e0d010 rgb(224,208,16)
```

Shade Color Variation

#eedd16
```
#eedd16 rgb(238,221,22)
```
#efe028
```
#efe028 rgb(239,224,40)
```
#f1e23b
```
#f1e23b rgb(241,226,59)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#f3e85f
```
#f3e85f rgb(243,232,95)
```
#f5ea72
```
#f5ea72 rgb(245,234,114)
```
#f6ed84
```
#f6ed84 rgb(246,237,132)
```
#f7f096
```
#f7f096 rgb(247,240,150)
```
#f9f2a8
```
#f9f2a8 rgb(249,242,168)
```
#faf5bb
```
#faf5bb rgb(250,245,187)
```
#fbf8cd
```
#fbf8cd rgb(251,248,205)
```
#fdfadf
```
#fdfadf rgb(253,250,223)
```
#fefdf2
```
#fefdf2 rgb(254,253,242)
```

Tint Color Variation

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

#a1a19e
```
#a1a19e rgb(161,161,158)
```
#a9a796
```
#a9a796 rgb(169,167,150)
```
#b0ad8f
```
#b0ad8f rgb(176,173,143)
```
#b7b388
```
#b7b388 rgb(183,179,136)
```
#bfba80
```
#bfba80 rgb(191,186,128)
```
#c6c079
```
#c6c079 rgb(198,192,121)
```
#cdc672
```
#cdc672 rgb(205,198,114)
```
#d5cc6a
```
#d5cc6a rgb(213,204,106)
```
#dcd263
```
#dcd263 rgb(220,210,99)
```
#e3d95c
```
#e3d95c rgb(227,217,92)
```
#ebdf54
```
#ebdf54 rgb(235,223,84)
```
#f2e54d
```
#f2e54d rgb(242,229,77)
```
#f9eb46
```
#f9eb46 rgb(249,235,70)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#dddbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce355 Protanopia 1% of men
#ffddb2 Deuteranopia 1% of men
#ffd8e7 Tritanopia 0.001% of the population

Trichromacy

#f8e352 Protanomaly 1% of men, 0.01% of women
#fae08d Deuteranomaly 6% of men, 0.4% of women
#faddaf Tritanomaly 0.01% of the population

#f2e54d hex color

#f2e54d Color Information

#f2e54d Color Conversion

Color Schemes with #f2e54d

Alternatives to #f2e54d

#f2e54d Preview

Shades and Tints of #f2e54d

Tones of #f2e54d

Color Blindness Simulator