#f2d54a hex color

In a RGB color space, hex #f2d54a is composed of 94.9% red, 83.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 69.4% yellow and 5.1% black. It has a hue angle of 49.6 degrees, a saturation of 86.6% and a lightness of 62%. #f2d54a color hex could be obtained by blending #ffff94 with #e5ab00. Closest websafe color is: #ffcc33.

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

● #f2d54a color description : Soft yellow.

The hexadecimal color #f2d54a has RGB values of R:242, G:213, B:74 and CMYK values of C:0, M:0.12, Y:0.69, K:0.05. Its decimal value is 15914314.

Hex triplet	f2d54a	`#f2d54a`
RGB Decimal	242, 213, 74	`rgb(242,213,74)`
RGB Percent	94.9, 83.5, 29	`rgb(94.9%,83.5%,29%)`
CMYK	0, 12, 69, 5
HSL	49.6°, 86.6, 62	`hsl(49.6,86.6%,62%)`
HSV (or HSB)	49.6°, 69.4, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.485, -4.624, 69.092
XYZ	61.649, 66.962, 16.156
xyY	0.426, 0.463, 66.962
CIE-LCH	85.485, 69.247, 93.828
CIE-LUV	85.485, 26.016, 80.441
Hunter-Lab	81.83, -8.727, 45.576
Binary	11110010, 11010101, 01001010

#f2d54a
```
#f2d54a rgb(242,213,74)
```
#4a67f2
```
#4a67f2 rgb(74,103,242)
```

Complementary Color

#f2814a
```
#f2814a rgb(242,129,74)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#bbf24a
```
#bbf24a rgb(187,242,74)
```

Analogous Color

#814af2
```
#814af2 rgb(129,74,242)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#4abbf2
```
#4abbf2 rgb(74,187,242)
```

Split Complementary Color

#d54af2
```
#d54af2 rgb(213,74,242)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#4af2d5
```
#4af2d5 rgb(74,242,213)
```

Triadic Color

#f24a67
```
#f24a67 rgb(242,74,103)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#4af2d5
```
#4af2d5 rgb(74,242,213)
```
#4a67f2
```
#4a67f2 rgb(74,103,242)
```

Tetradic Color

#dfbc10
```
#dfbc10 rgb(223,188,16)
```
#efca1a
```
#efca1a rgb(239,202,26)
```
#f0cf32
```
#f0cf32 rgb(240,207,50)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#f4db62
```
#f4db62 rgb(244,219,98)
```
#f5e07a
```
#f5e07a rgb(245,224,122)
```
#f7e691
```
#f7e691 rgb(247,230,145)
```

Monochromatic Color

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

#f2ab4a
```
#f2ab4a rgb(242,171,74)
```
#f2b94a
```
#f2b94a rgb(242,185,74)
```
#f2c74a
```
#f2c74a rgb(242,199,74)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#f2e34a
```
#f2e34a rgb(242,227,74)
```
#f2f14a
```
#f2f14a rgb(242,241,74)
```
#e5f24a
```
#e5f24a rgb(229,242,74)
```

Similar Colors

Text with hexadecimal color #f2d54a

This text has a font color of #f2d54a.

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

#f2d54a background color

This paragraph has a background color of #f2d54a.

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

#f2d54a border color

This element has a border color of #f2d54a.

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

CSS codes

.text {color:#f2d54a;}

.background {background-color:#f2d54a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#141101
```
#141101 rgb(20,17,1)
```
#272003
```
#272003 rgb(39,32,3)
```
#393004
```
#393004 rgb(57,48,4)
```
#4b3f05
```
#4b3f05 rgb(75,63,5)
```
#5e4f07
```
#5e4f07 rgb(94,79,7)
```
#705e08
```
#705e08 rgb(112,94,8)
```
#826d09
```
#826d09 rgb(130,109,9)
```
#947d0b
```
#947d0b rgb(148,125,11)
```
#a78c0c
```
#a78c0c rgb(167,140,12)
```
#b99b0d
```
#b99b0d rgb(185,155,13)
```
#cbab0f
```
#cbab0f rgb(203,171,15)
```
#deba10
```
#deba10 rgb(222,186,16)
```

Shade Color Variation

#eec813
```
#eec813 rgb(238,200,19)
```
#efcd25
```
#efcd25 rgb(239,205,37)
```
#f1d138
```
#f1d138 rgb(241,209,56)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#f3d95c
```
#f3d95c rgb(243,217,92)
```
#f5dd6f
```
#f5dd6f rgb(245,221,111)
```
#f6e281
```
#f6e281 rgb(246,226,129)
```
#f7e693
```
#f7e693 rgb(247,230,147)
```
#f9eaa6
```
#f9eaa6 rgb(249,234,166)
```
#faeeb8
```
#faeeb8 rgb(250,238,184)
```
#fbf3ca
```
#fbf3ca rgb(251,243,202)
```
#fdf7dc
```
#fdf7dc rgb(253,247,220)
```
#fefbef
```
#fefbef rgb(254,251,239)
```

Tint Color Variation

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

#a09f9c
```
#a09f9c rgb(160,159,156)
```
#a7a495
```
#a7a495 rgb(167,164,149)
```
#afa98d
```
#afa98d rgb(175,169,141)
```
#b6ae86
```
#b6ae86 rgb(182,174,134)
```
#beb37e
```
#beb37e rgb(190,179,126)
```
#c5b877
```
#c5b877 rgb(197,184,119)
```
#cdbd6f
```
#cdbd6f rgb(205,189,111)
```
#d4c168
```
#d4c168 rgb(212,193,104)
```
#dcc660
```
#dcc660 rgb(220,198,96)
```
#e3cb59
```
#e3cb59 rgb(227,203,89)
```
#ebd051
```
#ebd051 rgb(235,208,81)
```
#f2d54a
```
#f2d54a rgb(242,213,74)
```
#f9da43
```
#f9da43 rgb(249,218,67)
```

Tone Color Variation

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

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

Trichromacy

#f0d650 Protanomaly 1% of men, 0.01% of women
#fad272 Deuteranomaly 6% of men, 0.4% of women
#f9cea4 Tritanomaly 0.01% of the population

#f2d54a hex color

#f2d54a Color Information

#f2d54a Color Conversion

Color Schemes with #f2d54a

Alternatives to #f2d54a

#f2d54a Preview

Shades and Tints of #f2d54a

Tones of #f2d54a

Color Blindness Simulator