#f2d74c hex color

In a RGB color space, hex #f2d74c is composed of 94.9% red, 84.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 68.6% yellow and 5.1% black. It has a hue angle of 50.2 degrees, a saturation of 86.5% and a lightness of 62.4%. #f2d74c color hex could be obtained by blending #ffff98 with #e5af00. Closest websafe color is: #ffcc33.

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

● #f2d74c color description : Soft yellow.

The hexadecimal color #f2d74c has RGB values of R:242, G:215, B:76 and CMYK values of C:0, M:0.11, Y:0.69, K:0.05. Its decimal value is 15914828.

Hex triplet	f2d74c	`#f2d74c`
RGB Decimal	242, 215, 76	`rgb(242,215,76)`
RGB Percent	94.9, 84.3, 29.8	`rgb(94.9%,84.3%,29.8%)`
CMYK	0, 11, 69, 5
HSL	50.2°, 86.5, 62.4	`hsl(50.2,86.5%,62.4%)`
HSV (or HSB)	50.2°, 68.6, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.007, -5.535, 68.849
XYZ	62.223, 68.002, 16.685
xyY	0.424, 0.463, 68.002
CIE-LCH	86.007, 69.071, 94.597
CIE-LUV	86.007, 24.565, 80.691
Hunter-Lab	82.463, -9.622, 45.728
Binary	11110010, 11010111, 01001100

#f2d74c
```
#f2d74c rgb(242,215,76)
```
#4c67f2
```
#4c67f2 rgb(76,103,242)
```

Complementary Color

#f2844c
```
#f2844c rgb(242,132,76)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#baf24c
```
#baf24c rgb(186,242,76)
```

Analogous Color

#844cf2
```
#844cf2 rgb(132,76,242)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#4cbaf2
```
#4cbaf2 rgb(76,186,242)
```

Split Complementary Color

#d74cf2
```
#d74cf2 rgb(215,76,242)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#4cf2d7
```
#4cf2d7 rgb(76,242,215)
```

Triadic Color

#f24c67
```
#f24c67 rgb(242,76,103)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#4cf2d7
```
#4cf2d7 rgb(76,242,215)
```
#4c67f2
```
#4c67f2 rgb(76,103,242)
```

Tetradic Color

#e1bf10
```
#e1bf10 rgb(225,191,16)
```
#efcc1c
```
#efcc1c rgb(239,204,28)
```
#f0d234
```
#f0d234 rgb(240,210,52)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#f4dc64
```
#f4dc64 rgb(244,220,100)
```
#f5e27c
```
#f5e27c rgb(245,226,124)
```
#f7e793
```
#f7e793 rgb(247,231,147)
```

Monochromatic Color

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

#f2ae4c
```
#f2ae4c rgb(242,174,76)
```
#f2bb4c
```
#f2bb4c rgb(242,187,76)
```
#f2c94c
```
#f2c94c rgb(242,201,76)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#f2e54c
```
#f2e54c rgb(242,229,76)
```
#f1f24c
```
#f1f24c rgb(241,242,76)
```
#e4f24c
```
#e4f24c rgb(228,242,76)
```

Similar Colors

Text with hexadecimal color #f2d74c

This text has a font color of #f2d74c.

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

#f2d74c background color

This paragraph has a background color of #f2d74c.

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

#f2d74c border color

This element has a border color of #f2d74c.

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

CSS codes

.text {color:#f2d74c;}

.background {background-color:#f2d74c;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161302
```
#161302 rgb(22,19,2)
```
#282203
```
#282203 rgb(40,34,3)
```
#3b3204
```
#3b3204 rgb(59,50,4)
```
#4d4106
```
#4d4106 rgb(77,65,6)
```
#5f5107
```
#5f5107 rgb(95,81,7)
```
#726008
```
#726008 rgb(114,96,8)
```
#84700a
```
#84700a rgb(132,112,10)
```
#96800b
```
#96800b rgb(150,128,11)
```
#a88f0c
```
#a88f0c rgb(168,143,12)
```
#bb9f0e
```
#bb9f0e rgb(187,159,14)
```
#cdae0f
```
#cdae0f rgb(205,174,15)
```
#dfbe10
```
#dfbe10 rgb(223,190,16)
```

Shade Color Variation

#eecb15
```
#eecb15 rgb(238,203,21)
```
#efcf27
```
#efcf27 rgb(239,207,39)
```
#f1d33a
```
#f1d33a rgb(241,211,58)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#f3db5e
```
#f3db5e rgb(243,219,94)
```
#f5df71
```
#f5df71 rgb(245,223,113)
```
#f6e383
```
#f6e383 rgb(246,227,131)
```
#f7e795
```
#f7e795 rgb(247,231,149)
```
#f9eba7
```
#f9eba7 rgb(249,235,167)
```
#faf0ba
```
#faf0ba rgb(250,240,186)
```
#fbf4cc
```
#fbf4cc rgb(251,244,204)
```
#fdf8de
```
#fdf8de rgb(253,248,222)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#a1a09d
```
#a1a09d rgb(161,160,157)
```
#a8a596
```
#a8a596 rgb(168,165,150)
```
#b0aa8e
```
#b0aa8e rgb(176,170,142)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#beb480
```
#beb480 rgb(190,180,128)
```
#c6b978
```
#c6b978 rgb(198,185,120)
```
#cdbe71
```
#cdbe71 rgb(205,190,113)
```
#d4c36a
```
#d4c36a rgb(212,195,106)
```
#dcc862
```
#dcc862 rgb(220,200,98)
```
#e3cd5b
```
#e3cd5b rgb(227,205,91)
```
#ebd253
```
#ebd253 rgb(235,210,83)
```
#f2d74c
```
#f2d74c rgb(242,215,76)
```
#f9dc45
```
#f9dc45 rgb(249,220,69)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d6d1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d955 Protanopia 1% of men
#ffd28f Deuteranopia 1% of men
#fecbda Tritanopia 0.001% of the population

Trichromacy

#f1d852 Protanomaly 1% of men, 0.01% of women
#fad376 Deuteranomaly 6% of men, 0.4% of women
#facfa6 Tritanomaly 0.01% of the population

#f2d74c hex color

#f2d74c Color Information

#f2d74c Color Conversion

Color Schemes with #f2d74c

Alternatives to #f2d74c

#f2d74c Preview

Shades and Tints of #f2d74c

Tones of #f2d74c

Color Blindness Simulator