#f5f02f hex color

In a RGB color space, hex #f5f02f is composed of 96.1% red, 94.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 80.8% yellow and 3.9% black. It has a hue angle of 58.5 degrees, a saturation of 90.8% and a lightness of 57.3%. #f5f02f color hex could be obtained by blending #ffff5e with #ebe100. Closest websafe color is: #ffff33.

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

● #f5f02f color description : Bright yellow.

The hexadecimal color #f5f02f has RGB values of R:245, G:240, B:47 and CMYK values of C:0, M:0.02, Y:0.81, K:0.04. Its decimal value is 16117807.

Hex triplet	f5f02f	`#f5f02f`
RGB Decimal	245, 240, 47	`rgb(245,240,47)`
RGB Percent	96.1, 94.1, 18.4	`rgb(96.1%,94.1%,18.4%)`
CMYK	0, 2, 81, 4
HSL	58.5°, 90.8, 57.3	`hsl(58.5,90.8%,57.3%)`
HSV (or HSB)	58.5°, 80.8, 96.1
Web Safe	ffff33	`#ffff33`

CIE-LAB	92.548, -17.792, 84.197
XYZ	69.33, 81.939, 14.853
xyY	0.417, 0.493, 81.939
CIE-LCH	92.548, 86.056, 101.932
CIE-LUV	92.548, 10.413, 97.191
Hunter-Lab	90.52, -21.697, 53.636
Binary	11110101, 11110000, 00101111

#f5f02f
```
#f5f02f rgb(245,240,47)
```
#2f34f5
```
#2f34f5 rgb(47,52,245)
```

Complementary Color

#f58d2f
```
#f58d2f rgb(245,141,47)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#97f52f
```
#97f52f rgb(151,245,47)
```

Analogous Color

#8d2ff5
```
#8d2ff5 rgb(141,47,245)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#2f97f5
```
#2f97f5 rgb(47,151,245)
```

Split Complementary Color

#f02ff5
```
#f02ff5 rgb(240,47,245)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#2ff5f0
```
#2ff5f0 rgb(47,245,240)
```

Triadic Color

#f52f34
```
#f52f34 rgb(245,47,52)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#2ff5f0
```
#2ff5f0 rgb(47,245,240)
```
#2f34f5
```
#2f34f5 rgb(47,52,245)
```

Tetradic Color

#cec90a
```
#cec90a rgb(206,201,10)
```
#e6e00b
```
#e6e00b rgb(230,224,11)
```
#f4ee17
```
#f4ee17 rgb(244,238,23)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#f6f247
```
#f6f247 rgb(246,242,71)
```
#f7f460
```
#f7f460 rgb(247,244,96)
```
#f9f578
```
#f9f578 rgb(249,245,120)
```

Monochromatic Color

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

#f5bf2f
```
#f5bf2f rgb(245,191,47)
```
#f5cf2f
```
#f5cf2f rgb(245,207,47)
```
#f5e02f
```
#f5e02f rgb(245,224,47)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#eaf52f
```
#eaf52f rgb(234,245,47)
```
#d9f52f
```
#d9f52f rgb(217,245,47)
```
#c9f52f
```
#c9f52f rgb(201,245,47)
```

Similar Colors

Text with hexadecimal color #f5f02f

This text has a font color of #f5f02f.

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

#f5f02f background color

This paragraph has a background color of #f5f02f.

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

#f5f02f border color

This element has a border color of #f5f02f.

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

CSS codes

.text {color:#f5f02f;}

.background {background-color:#f5f02f;}

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

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

#111001
```
#111001 rgb(17,16,1)
```
#232202
```
#232202 rgb(35,34,2)
```
#363503
```
#363503 rgb(54,53,3)
```
#494703
```
#494703 rgb(73,71,3)
```
#5b5904
```
#5b5904 rgb(91,89,4)
```
#6e6c05
```
#6e6c05 rgb(110,108,5)
```
#817e06
```
#817e06 rgb(129,126,6)
```
#949007
```
#949007 rgb(148,144,7)
```
#a6a208
```
#a6a208 rgb(166,162,8)
```
#b9b509
```
#b9b509 rgb(185,181,9)
```
#ccc70a
```
#ccc70a rgb(204,199,10)
```
#ded90b
```
#ded90b rgb(222,217,11)
```
#f1eb0c
```
#f1eb0c rgb(241,235,12)
```

Shade Color Variation

#f4ef1c
```
#f4ef1c rgb(244,239,28)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#f6f142
```
#f6f142 rgb(246,241,66)
```
#f7f354
```
#f7f354 rgb(247,243,84)
```
#f8f467
```
#f8f467 rgb(248,244,103)
```
#f9f57a
```
#f9f57a rgb(249,245,122)
```
#f9f78d
```
#f9f78d rgb(249,247,141)
```
#faf89f
```
#faf89f rgb(250,248,159)
```
#fbf9b2
```
#fbf9b2 rgb(251,249,178)
```
#fcfbc5
```
#fcfbc5 rgb(252,251,197)
```
#fdfcd7
```
#fdfcd7 rgb(253,252,215)
```
#fefdea
```
#fefdea rgb(254,253,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#99988b
```
#99988b rgb(153,152,139)
```
#a1a083
```
#a1a083 rgb(161,160,131)
```
#aaa87a
```
#aaa87a rgb(170,168,122)
```
#b2b072
```
#b2b072 rgb(178,176,114)
```
#bab86a
```
#bab86a rgb(186,184,106)
```
#c3c061
```
#c3c061 rgb(195,192,97)
```
#cbc859
```
#cbc859 rgb(203,200,89)
```
#d3d051
```
#d3d051 rgb(211,208,81)
```
#dcd848
```
#dcd848 rgb(220,216,72)
```
#e4e040
```
#e4e040 rgb(228,224,64)
```
#ede837
```
#ede837 rgb(237,232,55)
```
#f5f02f
```
#f5f02f rgb(245,240,47)
```
#fdf827
```
#fdf827 rgb(253,248,39)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e0dfb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb91 Protanopia 1% of men
#ffe7c9 Deuteranopia 1% of men
#ffe3ef Tritanopia 0.001% of the population

Trichromacy

#fbec6d Protanomaly 1% of men, 0.01% of women
#fbea91 Deuteranomaly 6% of men, 0.4% of women
#fbe8a9 Tritanomaly 0.01% of the population

#f5f02f hex color

#f5f02f Color Information

#f5f02f Color Conversion

Color Schemes with #f5f02f

Alternatives to #f5f02f

#f5f02f Preview

Shades and Tints of #f5f02f

Tones of #f5f02f

Color Blindness Simulator