#f2d252 hex color

In a RGB color space, hex #f2d252 is composed of 94.9% red, 82.4% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 66.1% yellow and 5.1% black. It has a hue angle of 48 degrees, a saturation of 86% and a lightness of 63.5%. #f2d252 color hex could be obtained by blending #ffffa4 with #e5a500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 82
- B 32
RGB color chart
- C 0
- M 13
- Y 66
- K 5
CMYK color chart

● #f2d252 color description : Soft yellow.

The hexadecimal color #f2d252 has RGB values of R:242, G:210, B:82 and CMYK values of C:0, M:0.13, Y:0.66, K:0.05. Its decimal value is 15913554.

Hex triplet	f2d252	`#f2d252`
RGB Decimal	242, 210, 82	`rgb(242,210,82)`
RGB Percent	94.9, 82.4, 32.2	`rgb(94.9%,82.4%,32.2%)`
CMYK	0, 13, 66, 5
HSL	48°, 86, 63.5	`hsl(48,86%,63.5%)`
HSV (or HSB)	48°, 66.1, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.783, -2.678, 65.194
XYZ	61.188, 65.582, 17.418
xyY	0.424, 0.455, 65.582
CIE-LCH	84.783, 65.249, 92.352
CIE-LUV	84.783, 27.815, 76.741
Hunter-Lab	80.983, -6.85, 43.936
Binary	11110010, 11010010, 01010010

#f2d252
```
#f2d252 rgb(242,210,82)
```
#5272f2
```
#5272f2 rgb(82,114,242)
```

Complementary Color

#f28252
```
#f28252 rgb(242,130,82)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#c2f252
```
#c2f252 rgb(194,242,82)
```

Analogous Color

#8252f2
```
#8252f2 rgb(130,82,242)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#52c2f2
```
#52c2f2 rgb(82,194,242)
```

Split Complementary Color

#d252f2
```
#d252f2 rgb(210,82,242)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#52f2d2
```
#52f2d2 rgb(82,242,210)
```

Triadic Color

#f25272
```
#f25272 rgb(242,82,114)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#52f2d2
```
#52f2d2 rgb(82,242,210)
```
#5272f2
```
#5272f2 rgb(82,114,242)
```

Tetradic Color

#e6bc11
```
#e6bc11 rgb(230,188,17)
```
#eec623
```
#eec623 rgb(238,198,35)
```
#f0cc3a
```
#f0cc3a rgb(240,204,58)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#f4d86a
```
#f4d86a rgb(244,216,106)
```
#f6de81
```
#f6de81 rgb(246,222,129)
```
#f7e599
```
#f7e599 rgb(247,229,153)
```

Monochromatic Color

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

#f2aa52
```
#f2aa52 rgb(242,170,82)
```
#f2b752
```
#f2b752 rgb(242,183,82)
```
#f2c552
```
#f2c552 rgb(242,197,82)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#f2df52
```
#f2df52 rgb(242,223,82)
```
#f2ed52
```
#f2ed52 rgb(242,237,82)
```
#eaf252
```
#eaf252 rgb(234,242,82)
```

Similar Colors

Text with hexadecimal color #f2d252

This text has a font color of #f2d252.

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

#f2d252 background color

This paragraph has a background color of #f2d252.

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

#f2d252 border color

This element has a border color of #f2d252.

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

CSS codes

.text {color:#f2d252;}

.background {background-color:#f2d252;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1c1702
```
#1c1702 rgb(28,23,2)
```
#2e2503
```
#2e2503 rgb(46,37,3)
```
#403405
```
#403405 rgb(64,52,5)
```
#524306
```
#524306 rgb(82,67,6)
```
#655208
```
#655208 rgb(101,82,8)
```
#776109
```
#776109 rgb(119,97,9)
```
#89700a
```
#89700a rgb(137,112,10)
```
#9b7f0c
```
#9b7f0c rgb(155,127,12)
```
#ae8e0d
```
#ae8e0d rgb(174,142,13)
```
#c09c0e
```
#c09c0e rgb(192,156,14)
```
#d2ab10
```
#d2ab10 rgb(210,171,16)
```
#e4ba11
```
#e4ba11 rgb(228,186,17)
```

Shade Color Variation

#eec41b
```
#eec41b rgb(238,196,27)
```
#efc92e
```
#efc92e rgb(239,201,46)
```
#f1cd40
```
#f1cd40 rgb(241,205,64)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#f3d764
```
#f3d764 rgb(243,215,100)
```
#f5db76
```
#f5db76 rgb(245,219,118)
```
#f6e089
```
#f6e089 rgb(246,224,137)
```
#f7e59b
```
#f7e59b rgb(247,229,155)
```
#f9eaad
```
#f9eaad rgb(249,234,173)
```
#faeebf
```
#faeebf rgb(250,238,191)
```
#fcf3d2
```
#fcf3d2 rgb(252,243,210)
```
#fdf8e4
```
#fdf8e4 rgb(253,248,228)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#a3a3a1
```
#a3a3a1 rgb(163,163,161)
```
#aaa79a
```
#aaa79a rgb(170,167,154)
```
#b2ab92
```
#b2ab92 rgb(178,171,146)
```
#b9b08b
```
#b9b08b rgb(185,176,139)
```
#c0b484
```
#c0b484 rgb(192,180,132)
```
#c7b87d
```
#c7b87d rgb(199,184,125)
```
#cebd76
```
#cebd76 rgb(206,189,118)
```
#d5c16f
```
#d5c16f rgb(213,193,111)
```
#ddc567
```
#ddc567 rgb(221,197,103)
```
#e4c960
```
#e4c960 rgb(228,201,96)
```
#ebce59
```
#ebce59 rgb(235,206,89)
```
#f2d252
```
#f2d252 rgb(242,210,82)
```
#f9d64b
```
#f9d64b rgb(249,214,75)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d4ceb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd65b Protanopia 1% of men
#ffce82 Deuteranopia 1% of men
#fdc7d5 Tritanopia 0.001% of the population

Trichromacy

#efd458 Protanomaly 1% of men, 0.01% of women
#facf70 Deuteranomaly 6% of men, 0.4% of women
#f9cba5 Tritanomaly 0.01% of the population

#f2d252 hex color

#f2d252 Color Information

#f2d252 Color Conversion

Color Schemes with #f2d252

Alternatives to #f2d252

#f2d252 Preview

Shades and Tints of #f2d252

Tones of #f2d252

Color Blindness Simulator