#f5d72f hex color

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

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

● #f5d72f color description : Bright yellow.

The hexadecimal color #f5d72f has RGB values of R:245, G:215, B:47 and CMYK values of C:0, M:0.12, Y:0.81, K:0.04. Its decimal value is 16111407.

Hex triplet	f5d72f	`#f5d72f`
RGB Decimal	245, 215, 47	`rgb(245,215,47)`
RGB Percent	96.1, 84.3, 18.4	`rgb(96.1%,84.3%,18.4%)`
CMYK	0, 12, 81, 4
HSL	50.9°, 90.8, 57.3	`hsl(50.9,90.8%,57.3%)`
HSV (or HSB)	50.9°, 80.8, 96.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.117, -5.433, 78.688
XYZ	62.47, 68.221, 12.567
xyY	0.436, 0.476, 68.221
CIE-LCH	86.117, 78.875, 93.95
CIE-LUV	86.117, 27.515, 87.51
Hunter-Lab	82.596, -9.537, 48.796
Binary	11110101, 11010111, 00101111

#f5d72f
```
#f5d72f rgb(245,215,47)
```
#2f4df5
```
#2f4df5 rgb(47,77,245)
```

Complementary Color

#f5742f
```
#f5742f rgb(245,116,47)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#b0f52f
```
#b0f52f rgb(176,245,47)
```

Analogous Color

#742ff5
```
#742ff5 rgb(116,47,245)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#2fb0f5
```
#2fb0f5 rgb(47,176,245)
```

Split Complementary Color

#d72ff5
```
#d72ff5 rgb(215,47,245)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#2ff5d7
```
#2ff5d7 rgb(47,245,215)
```

Triadic Color

#f52f4d
```
#f52f4d rgb(245,47,77)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#2ff5d7
```
#2ff5d7 rgb(47,245,215)
```
#2f4df5
```
#2f4df5 rgb(47,77,245)
```

Tetradic Color

#ceb00a
```
#ceb00a rgb(206,176,10)
```
#e6c50b
```
#e6c50b rgb(230,197,11)
```
#f4d217
```
#f4d217 rgb(244,210,23)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#f6dc47
```
#f6dc47 rgb(246,220,71)
```
#f7e060
```
#f7e060 rgb(247,224,96)
```
#f9e578
```
#f9e578 rgb(249,229,120)
```

Monochromatic Color

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

#f5a62f
```
#f5a62f rgb(245,166,47)
```
#f5b62f
```
#f5b62f rgb(245,182,47)
```
#f5c72f
```
#f5c72f rgb(245,199,47)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#f5e82f
```
#f5e82f rgb(245,232,47)
```
#f2f52f
```
#f2f52f rgb(242,245,47)
```
#e2f52f
```
#e2f52f rgb(226,245,47)
```

Similar Colors

Text with hexadecimal color #f5d72f

This text has a font color of #f5d72f.

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

#f5d72f background color

This paragraph has a background color of #f5d72f.

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

#f5d72f border color

This element has a border color of #f5d72f.

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

CSS codes

.text {color:#f5d72f;}

.background {background-color:#f5d72f;}

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

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

#110e01
```
#110e01 rgb(17,14,1)
```
#231e02
```
#231e02 rgb(35,30,2)
```
#362e03
```
#362e03 rgb(54,46,3)
```
#493e03
```
#493e03 rgb(73,62,3)
```
#5b4e04
```
#5b4e04 rgb(91,78,4)
```
#6e5e05
```
#6e5e05 rgb(110,94,5)
```
#816e06
```
#816e06 rgb(129,110,6)
```
#947e07
```
#947e07 rgb(148,126,7)
```
#a68e08
```
#a68e08 rgb(166,142,8)
```
#b99e09
```
#b99e09 rgb(185,158,9)
```
#ccae0a
```
#ccae0a rgb(204,174,10)
```
#debe0b
```
#debe0b rgb(222,190,11)
```
#f1ce0c
```
#f1ce0c rgb(241,206,12)
```

Shade Color Variation

#f4d31c
```
#f4d31c rgb(244,211,28)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#f6db42
```
#f6db42 rgb(246,219,66)
```
#f7de54
```
#f7de54 rgb(247,222,84)
```
#f8e267
```
#f8e267 rgb(248,226,103)
```
#f9e57a
```
#f9e57a rgb(249,229,122)
```
#f9e98d
```
#f9e98d rgb(249,233,141)
```
#faed9f
```
#faed9f rgb(250,237,159)
```
#fbf0b2
```
#fbf0b2 rgb(251,240,178)
```
#fcf4c5
```
#fcf4c5 rgb(252,244,197)
```
#fdf7d7
```
#fdf7d7 rgb(253,247,215)
```
#fefbea
```
#fefbea rgb(254,251,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#99978b
```
#99978b rgb(153,151,139)
```
#a19d83
```
#a19d83 rgb(161,157,131)
```
#aaa27a
```
#aaa27a rgb(170,162,122)
```
#b2a872
```
#b2a872 rgb(178,168,114)
```
#baae6a
```
#baae6a rgb(186,174,106)
```
#c3b461
```
#c3b461 rgb(195,180,97)
```
#cbba59
```
#cbba59 rgb(203,186,89)
```
#d3c051
```
#d3c051 rgb(211,192,81)
```
#dcc548
```
#dcc548 rgb(220,197,72)
```
#e4cb40
```
#e4cb40 rgb(228,203,64)
```
#edd137
```
#edd137 rgb(237,209,55)
```
#f5d72f
```
#f5d72f rgb(245,215,47)
```
#fddd27
```
#fddd27 rgb(253,221,39)
```

Tone Color Variation

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

Dichromacy

#f3d93a Protanopia 1% of men
#ffd28e Deuteranopia 1% of men
#ffccd9 Tritanopia 0.001% of the population

Trichromacy

#f3d836 Protanomaly 1% of men, 0.01% of women
#fbd46b Deuteranomaly 6% of men, 0.4% of women
#fbd09b Tritanomaly 0.01% of the population

#f5d72f hex color

#f5d72f Color Information

#f5d72f Color Conversion

Color Schemes with #f5d72f

Alternatives to #f5d72f

#f5d72f Preview

Shades and Tints of #f5d72f

Tones of #f5d72f

Color Blindness Simulator