#f5f052 hex color

In a RGB color space, hex #f5f052 is composed of 96.1% red, 94.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 66.5% yellow and 3.9% black. It has a hue angle of 58.2 degrees, a saturation of 89.1% and a lightness of 64.1%. #f5f052 color hex could be obtained by blending #ffffa4 with #ebe100. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 96
- G 94
- B 32
RGB color chart
- C 0
- M 2
- Y 67
- K 4
CMYK color chart

● #f5f052 color description : Soft yellow.

The hexadecimal color #f5f052 has RGB values of R:245, G:240, B:82 and CMYK values of C:0, M:0.02, Y:0.67, K:0.04. Its decimal value is 16117842.

Hex triplet	f5f052	`#f5f052`
RGB Decimal	245, 240, 82	`rgb(245,240,82)`
RGB Percent	96.1, 94.1, 32.2	`rgb(96.1%,94.1%,32.2%)`
CMYK	0, 2, 67, 4
HSL	58.2°, 89.1, 64.1	`hsl(58.2,89.1%,64.1%)`
HSV (or HSB)	58.2°, 66.5, 96.1
Web Safe	ffff66	`#ffff66`

CIE-LAB	92.726, -16.385, 73.447
XYZ	70.339, 82.343, 20.171
xyY	0.407, 0.476, 82.343
CIE-LCH	92.726, 75.252, 102.576
CIE-LUV	92.726, 9.803, 89.43
Hunter-Lab	90.743, -20.437, 50.341
Binary	11110101, 11110000, 01010010

#f5f052
```
#f5f052 rgb(245,240,82)
```
#5257f5
```
#5257f5 rgb(82,87,245)
```

Complementary Color

#f59f52
```
#f59f52 rgb(245,159,82)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#a9f552
```
#a9f552 rgb(169,245,82)
```

Analogous Color

#9f52f5
```
#9f52f5 rgb(159,82,245)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#52a9f5
```
#52a9f5 rgb(82,169,245)
```

Split Complementary Color

#f052f5
```
#f052f5 rgb(240,82,245)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#52f5f0
```
#52f5f0 rgb(82,245,240)
```

Triadic Color

#f55257
```
#f55257 rgb(245,82,87)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#52f5f0
```
#52f5f0 rgb(82,245,240)
```
#5257f5
```
#5257f5 rgb(82,87,245)
```

Tetradic Color

#ede60e
```
#ede60e rgb(237,230,14)
```
#f2ec22
```
#f2ec22 rgb(242,236,34)
```
#f4ee3a
```
#f4ee3a rgb(244,238,58)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#f6f26a
```
#f6f26a rgb(246,242,106)
```
#f8f482
```
#f8f482 rgb(248,244,130)
```
#f9f69a
```
#f9f69a rgb(249,246,154)
```

Monochromatic Color

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

#f5c752
```
#f5c752 rgb(245,199,82)
```
#f5d552
```
#f5d552 rgb(245,213,82)
```
#f5e252
```
#f5e252 rgb(245,226,82)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#ecf552
```
#ecf552 rgb(236,245,82)
```
#dff552
```
#dff552 rgb(223,245,82)
```
#d1f552
```
#d1f552 rgb(209,245,82)
```

Similar Colors

Text with hexadecimal color #f5f052

This text has a font color of #f5f052.

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

#f5f052 background color

This paragraph has a background color of #f5f052.

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

#f5f052 border color

This element has a border color of #f5f052.

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

CSS codes

.text {color:#f5f052;}

.background {background-color:#f5f052;}

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

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

#0c0c01
```
#0c0c01 rgb(12,12,1)
```
#1f1e02
```
#1f1e02 rgb(31,30,2)
```
#323003
```
#323003 rgb(50,48,3)
```
#444204
```
#444204 rgb(68,66,4)
```
#575405
```
#575405 rgb(87,84,5)
```
#696606
```
#696606 rgb(105,102,6)
```
#7c7807
```
#7c7807 rgb(124,120,7)
```
#8e8a08
```
#8e8a08 rgb(142,138,8)
```
#a19c09
```
#a19c09 rgb(161,156,9)
```
#b3ae0a
```
#b3ae0a rgb(179,174,10)
```
#c6c00b
```
#c6c00b rgb(198,192,11)
```
#d8d20d
```
#d8d20d rgb(216,210,13)
```
#ebe40e
```
#ebe40e rgb(235,228,14)
```

Shade Color Variation

#f2eb1a
```
#f2eb1a rgb(242,235,26)
```
#f3ed2d
```
#f3ed2d rgb(243,237,45)
```
#f4ee3f
```
#f4ee3f rgb(244,238,63)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#f6f265
```
#f6f265 rgb(246,242,101)
```
#f7f377
```
#f7f377 rgb(247,243,119)
```
#f8f58a
```
#f8f58a rgb(248,245,138)
```
#f9f69c
```
#f9f69c rgb(249,246,156)
```
#faf8af
```
#faf8af rgb(250,248,175)
```
#fbfac1
```
#fbfac1 rgb(251,250,193)
```
#fdfbd4
```
#fdfbd4 rgb(253,251,212)
```
#fefde6
```
#fefde6 rgb(254,253,230)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#a8a79f
```
#a8a79f rgb(168,167,159)
```
#afae98
```
#afae98 rgb(175,174,152)
```
#b6b591
```
#b6b591 rgb(182,181,145)
```
#bdbb8a
```
#bdbb8a rgb(189,187,138)
```
#c4c283
```
#c4c283 rgb(196,194,131)
```
#cbc87c
```
#cbc87c rgb(203,200,124)
```
#d2cf75
```
#d2cf75 rgb(210,207,117)
```
#d9d66e
```
#d9d66e rgb(217,214,110)
```
#e0dc67
```
#e0dc67 rgb(224,220,103)
```
#e7e360
```
#e7e360 rgb(231,227,96)
```
#eee959
```
#eee959 rgb(238,233,89)
```
#f5f052
```
#f5f052 rgb(245,240,82)
```
#fcf74b
```
#fcf74b rgb(252,247,75)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#e3e2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb95 Protanopia 1% of men
#ffe7cc Deuteranopia 1% of men
#ffe4f0 Tritanopia 0.001% of the population

Trichromacy

#fbed7d Protanomaly 1% of men, 0.01% of women
#fbea9f Deuteranomaly 6% of men, 0.4% of women
#fbe8b6 Tritanomaly 0.01% of the population

#f5f052 hex color

#f5f052 Color Information

#f5f052 Color Conversion

Color Schemes with #f5f052

Alternatives to #f5f052

#f5f052 Preview

Shades and Tints of #f5f052

Tones of #f5f052

Color Blindness Simulator