#f2dc7e hex color

In a RGB color space, hex #f2dc7e is composed of 94.9% red, 86.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 47.9% yellow and 5.1% black. It has a hue angle of 48.6 degrees, a saturation of 81.7% and a lightness of 72.2%. #f2dc7e color hex could be obtained by blending #fffffc with #e5b900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 86
- B 49
RGB color chart
- C 0
- M 9
- Y 48
- K 5
CMYK color chart

● #f2dc7e color description : Soft yellow.

The hexadecimal color #f2dc7e has RGB values of R:242, G:220, B:126 and CMYK values of C:0, M:0.09, Y:0.48, K:0.05. Its decimal value is 15916158.

Hex triplet	f2dc7e	`#f2dc7e`
RGB Decimal	242, 220, 126	`rgb(242,220,126)`
RGB Percent	94.9, 86.3, 49.4	`rgb(94.9%,86.3%,49.4%)`
CMYK	0, 9, 48, 5
HSL	48.6°, 81.7, 72.2	`hsl(48.6,81.7%,72.2%)`
HSV (or HSB)	48.6°, 47.9, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.762, -4.538, 48.647
XYZ	65.977, 71.572, 30.077
xyY	0.394, 0.427, 71.572
CIE-LCH	87.762, 48.858, 95.33
CIE-LUV	87.762, 19.118, 63.265
Hunter-Lab	84.6, -8.844, 38.141
Binary	11110010, 11011100, 01111110

#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#7e94f2
```
#7e94f2 rgb(126,148,242)
```

Complementary Color

#f2a27e
```
#f2a27e rgb(242,162,126)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#cef27e
```
#cef27e rgb(206,242,126)
```

Analogous Color

#a27ef2
```
#a27ef2 rgb(162,126,242)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#7ecef2
```
#7ecef2 rgb(126,206,242)
```

Split Complementary Color

#dc7ef2
```
#dc7ef2 rgb(220,126,242)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#7ef2dc
```
#7ef2dc rgb(126,242,220)
```

Triadic Color

#f27e94
```
#f27e94 rgb(242,126,148)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#7ef2dc
```
#7ef2dc rgb(126,242,220)
```
#7e94f2
```
#7e94f2 rgb(126,148,242)
```

Tetradic Color

#ebc939
```
#ebc939 rgb(235,201,57)
```
#edcf50
```
#edcf50 rgb(237,207,80)
```
#f0d667
```
#f0d667 rgb(240,214,103)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#f4e295
```
#f4e295 rgb(244,226,149)
```
#f7e9ac
```
#f7e9ac rgb(247,233,172)
```
#f9efc3
```
#f9efc3 rgb(249,239,195)
```

Monochromatic Color

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

#f2bf7e
```
#f2bf7e rgb(242,191,126)
```
#f2c97e
```
#f2c97e rgb(242,201,126)
```
#f2d27e
```
#f2d27e rgb(242,210,126)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#f2e67e
```
#f2e67e rgb(242,230,126)
```
#f2ef7e
```
#f2ef7e rgb(242,239,126)
```
#ebf27e
```
#ebf27e rgb(235,242,126)
```

Similar Colors

Text with hexadecimal color #f2dc7e

This text has a font color of #f2dc7e.

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

#f2dc7e background color

This paragraph has a background color of #f2dc7e.

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

#f2dc7e border color

This element has a border color of #f2dc7e.

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

CSS codes

.text {color:#f2dc7e;}

.background {background-color:#f2dc7e;}

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

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, #0e0b01 is the darkest color, while #fffefb is the lightest one.

#0e0b01
```
#0e0b01 rgb(14,11,1)
```
#1f1a03
```
#1f1a03 rgb(31,26,3)
```
#312905
```
#312905 rgb(49,41,5)
```
#433807
```
#433807 rgb(67,56,7)
```
#554609
```
#554609 rgb(85,70,9)
```
#67550a
```
#67550a rgb(103,85,10)
```
#78640c
```
#78640c rgb(120,100,12)
```
#8a730e
```
#8a730e rgb(138,115,14)
```
#9c8110
```
#9c8110 rgb(156,129,16)
```
#ae9012
```
#ae9012 rgb(174,144,18)
```
#c09f13
```
#c09f13 rgb(192,159,19)
```
#d2ae15
```
#d2ae15 rgb(210,174,21)
```
#e3bd17
```
#e3bd17 rgb(227,189,23)
```

Shade Color Variation

#e9c425
```
#e9c425 rgb(233,196,37)
```
#ebc937
```
#ebc937 rgb(235,201,55)
```
#edcd49
```
#edcd49 rgb(237,205,73)
```
#eed25a
```
#eed25a rgb(238,210,90)
```
#f0d76c
```
#f0d76c rgb(240,215,108)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#f4e190
```
#f4e190 rgb(244,225,144)
```
#f6e6a2
```
#f6e6a2 rgb(246,230,162)
```
#f7ebb3
```
#f7ebb3 rgb(247,235,179)
```
#f9efc5
```
#f9efc5 rgb(249,239,197)
```
#fbf4d7
```
#fbf4d7 rgb(251,244,215)
```
#fdf9e9
```
#fdf9e9 rgb(253,249,233)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#bbbab5
```
#bbbab5 rgb(187,186,181)
```
#c1bdaf
```
#c1bdaf rgb(193,189,175)
```
#c6c1aa
```
#c6c1aa rgb(198,193,170)
```
#ccc4a4
```
#ccc4a4 rgb(204,196,164)
```
#d1c89f
```
#d1c89f rgb(209,200,159)
```
#d7cb99
```
#d7cb99 rgb(215,203,153)
```
#dcce94
```
#dcce94 rgb(220,206,148)
```
#e2d28e
```
#e2d28e rgb(226,210,142)
```
#e7d589
```
#e7d589 rgb(231,213,137)
```
#edd983
```
#edd983 rgb(237,217,131)
```
#f2dc7e
```
#f2dc7e rgb(242,220,126)
```
#f7df79
```
#f7df79 rgb(247,223,121)
```
#fde373
```
#fde373 rgb(253,227,115)
```

Tone Color Variation

Below, you can see how #f2dc7e 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
#ddd9c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dd84 Protanopia 1% of men
#ffd7a8 Deuteranopia 1% of men
#fdd2e1 Tritanopia 0.001% of the population

Trichromacy

#f2dd82 Protanomaly 1% of men, 0.01% of women
#fad998 Deuteranomaly 6% of men, 0.4% of women
#f9d6bd Tritanomaly 0.01% of the population

#f2dc7e hex color

#f2dc7e Color Information

#f2dc7e Color Conversion

Color Schemes with #f2dc7e

Alternatives to #f2dc7e

#f2dc7e Preview

Shades and Tints of #f2dc7e

Tones of #f2dc7e

Color Blindness Simulator