#f2d54d hex color

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

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

● #f2d54d color description : Soft yellow.

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

Hex triplet	f2d54d	`#f2d54d`
RGB Decimal	242, 213, 77	`rgb(242,213,77)`
RGB Percent	94.9, 83.5, 30.2	`rgb(94.9%,83.5%,30.2%)`
CMYK	0, 12, 68, 5
HSL	49.5°, 86.4, 62.5	`hsl(49.5,86.4%,62.5%)`
HSV (or HSB)	49.5°, 68.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.506, -4.472, 67.951
XYZ	61.752, 67.004, 16.701
xyY	0.425, 0.461, 67.004
CIE-LCH	85.506, 68.097, 93.765
CIE-LUV	85.506, 25.915, 79.561
Hunter-Lab	81.856, -8.587, 45.202
Binary	11110010, 11010101, 01001101

#f2d54d
```
#f2d54d rgb(242,213,77)
```
#4d6af2
```
#4d6af2 rgb(77,106,242)
```

Complementary Color

#f2834d
```
#f2834d rgb(242,131,77)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#bdf24d
```
#bdf24d rgb(189,242,77)
```

Analogous Color

#834df2
```
#834df2 rgb(131,77,242)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#4dbdf2
```
#4dbdf2 rgb(77,189,242)
```

Split Complementary Color

#d54df2
```
#d54df2 rgb(213,77,242)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#4df2d5
```
#4df2d5 rgb(77,242,213)
```

Triadic Color

#f24d6a
```
#f24d6a rgb(242,77,106)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#4df2d5
```
#4df2d5 rgb(77,242,213)
```
#4d6af2
```
#4d6af2 rgb(77,106,242)
```

Tetradic Color

#e2bd11
```
#e2bd11 rgb(226,189,17)
```
#efca1d
```
#efca1d rgb(239,202,29)
```
#f0cf35
```
#f0cf35 rgb(240,207,53)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#f4db65
```
#f4db65 rgb(244,219,101)
```
#f5e07d
```
#f5e07d rgb(245,224,125)
```
#f7e694
```
#f7e694 rgb(247,230,148)
```

Monochromatic Color

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

#f2ac4d
```
#f2ac4d rgb(242,172,77)
```
#f2ba4d
```
#f2ba4d rgb(242,186,77)
```
#f2c74d
```
#f2c74d rgb(242,199,77)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#f2e34d
```
#f2e34d rgb(242,227,77)
```
#f2f14d
```
#f2f14d rgb(242,241,77)
```
#e6f24d
```
#e6f24d rgb(230,242,77)
```

Similar Colors

Text with hexadecimal color #f2d54d

This text has a font color of #f2d54d.

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

#f2d54d background color

This paragraph has a background color of #f2d54d.

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

#f2d54d border color

This element has a border color of #f2d54d.

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

CSS codes

.text {color:#f2d54d;}

.background {background-color:#f2d54d;}

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

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 #fefcf2 is the lightest one.

#050400
```
#050400 rgb(5,4,0)
```
#171302
```
#171302 rgb(23,19,2)
```
#292303
```
#292303 rgb(41,35,3)
```
#3c3204
```
#3c3204 rgb(60,50,4)
```
#4e4106
```
#4e4106 rgb(78,65,6)
```
#605107
```
#605107 rgb(96,81,7)
```
#726008
```
#726008 rgb(114,96,8)
```
#856f0a
```
#856f0a rgb(133,111,10)
```
#977e0b
```
#977e0b rgb(151,126,11)
```
#a98e0c
```
#a98e0c rgb(169,142,12)
```
#bc9d0e
```
#bc9d0e rgb(188,157,14)
```
#ceac0f
```
#ceac0f rgb(206,172,15)
```
#e0bc10
```
#e0bc10 rgb(224,188,16)
```

Shade Color Variation

#eec816
```
#eec816 rgb(238,200,22)
```
#efcc28
```
#efcc28 rgb(239,204,40)
```
#f1d13b
```
#f1d13b rgb(241,209,59)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#f3d95f
```
#f3d95f rgb(243,217,95)
```
#f5de72
```
#f5de72 rgb(245,222,114)
```
#f6e284
```
#f6e284 rgb(246,226,132)
```
#f7e696
```
#f7e696 rgb(247,230,150)
```
#f9eba8
```
#f9eba8 rgb(249,235,168)
```
#faefbb
```
#faefbb rgb(250,239,187)
```
#fbf3cd
```
#fbf3cd rgb(251,243,205)
```
#fdf8df
```
#fdf8df rgb(253,248,223)
```
#fefcf2
```
#fefcf2 rgb(254,252,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 #f9da46 is the most saturated one.

#a1a19e
```
#a1a19e rgb(161,161,158)
```
#a9a596
```
#a9a596 rgb(169,165,150)
```
#b0aa8f
```
#b0aa8f rgb(176,170,143)
```
#b7af88
```
#b7af88 rgb(183,175,136)
```
#bfb480
```
#bfb480 rgb(191,180,128)
```
#c6b879
```
#c6b879 rgb(198,184,121)
```
#cdbd72
```
#cdbd72 rgb(205,189,114)
```
#d5c26a
```
#d5c26a rgb(213,194,106)
```
#dcc763
```
#dcc763 rgb(220,199,99)
```
#e3cb5c
```
#e3cb5c rgb(227,203,92)
```
#ebd054
```
#ebd054 rgb(235,208,84)
```
#f2d54d
```
#f2d54d rgb(242,213,77)
```
#f9da46
```
#f9da46 rgb(249,218,70)
```

Tone Color Variation

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

Dichromacy

#efd856 Protanopia 1% of men
#ffd089 Deuteranopia 1% of men
#fecad8 Tritanopia 0.001% of the population

Trichromacy

#f0d753 Protanomaly 1% of men, 0.01% of women
#fad273 Deuteranomaly 6% of men, 0.4% of women
#f9cea5 Tritanomaly 0.01% of the population

#f2d54d hex color

#f2d54d Color Information

#f2d54d Color Conversion

Color Schemes with #f2d54d

Alternatives to #f2d54d

#f2d54d Preview

Shades and Tints of #f2d54d

Tones of #f2d54d

Color Blindness Simulator