#f5e372 hex color

In a RGB color space, hex #f5e372 is composed of 96.1% red, 89% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 53.5% yellow and 3.9% black. It has a hue angle of 51.8 degrees, a saturation of 86.8% and a lightness of 70.4%. #f5e372 color hex could be obtained by blending #ffffe4 with #ebc700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 89
- B 45
RGB color chart
- C 0
- M 7
- Y 53
- K 4
CMYK color chart

● #f5e372 color description : Soft yellow.

The hexadecimal color #f5e372 has RGB values of R:245, G:227, B:114 and CMYK values of C:0, M:0.07, Y:0.53, K:0.04. Its decimal value is 16114546.

Hex triplet	f5e372	`#f5e372`
RGB Decimal	245, 227, 114	`rgb(245,227,114)`
RGB Percent	96.1, 89, 44.7	`rgb(96.1%,89%,44.7%)`
CMYK	0, 7, 53, 4
HSL	51.8°, 86.8, 70.4	`hsl(51.8,86.8%,70.4%)`
HSV (or HSB)	51.8°, 53.5, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.658, -7.875, 56.652
XYZ	68.163, 75.567, 26.914
xyY	0.399, 0.443, 75.567
CIE-LCH	89.658, 57.196, 97.914
CIE-LUV	89.658, 17.212, 72.26
Hunter-Lab	86.929, -12.162, 42.494
Binary	11110101, 11100011, 01110010

#f5e372
```
#f5e372 rgb(245,227,114)
```
#7284f5
```
#7284f5 rgb(114,132,245)
```

Complementary Color

#f5a272
```
#f5a272 rgb(245,162,114)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#c6f572
```
#c6f572 rgb(198,245,114)
```

Analogous Color

#a272f5
```
#a272f5 rgb(162,114,245)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#72c6f5
```
#72c6f5 rgb(114,198,245)
```

Split Complementary Color

#e372f5
```
#e372f5 rgb(227,114,245)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#72f5e3
```
#72f5e3 rgb(114,245,227)
```

Triadic Color

#f57284
```
#f57284 rgb(245,114,132)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#72f5e3
```
#72f5e3 rgb(114,245,227)
```
#7284f5
```
#7284f5 rgb(114,132,245)
```

Tetradic Color

#f0d52b
```
#f0d52b rgb(240,213,43)
```
#f2da42
```
#f2da42 rgb(242,218,66)
```
#f3de5a
```
#f3de5a rgb(243,222,90)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#f7e88a
```
#f7e88a rgb(247,232,138)
```
#f8eca2
```
#f8eca2 rgb(248,236,162)
```
#faf1b9
```
#faf1b9 rgb(250,241,185)
```

Monochromatic Color

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

#f5c272
```
#f5c272 rgb(245,194,114)
```
#f5cd72
```
#f5cd72 rgb(245,205,114)
```
#f5d872
```
#f5d872 rgb(245,216,114)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#f5ee72
```
#f5ee72 rgb(245,238,114)
```
#f1f572
```
#f1f572 rgb(241,245,114)
```
#e6f572
```
#e6f572 rgb(230,245,114)
```

Similar Colors

Text with hexadecimal color #f5e372

This text has a font color of #f5e372.

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

#f5e372 background color

This paragraph has a background color of #f5e372.

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

#f5e372 border color

This element has a border color of #f5e372.

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

CSS codes

.text {color:#f5e372;}

.background {background-color:#f5e372;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#181502
```
#181502 rgb(24,21,2)
```
#2a2503
```
#2a2503 rgb(42,37,3)
```
#3c3504
```
#3c3504 rgb(60,53,4)
```
#4f4506
```
#4f4506 rgb(79,69,6)
```
#615507
```
#615507 rgb(97,85,7)
```
#736508
```
#736508 rgb(115,101,8)
```
#867509
```
#867509 rgb(134,117,9)
```
#98850b
```
#98850b rgb(152,133,11)
```
#aa950c
```
#aa950c rgb(170,149,12)
```
#bda50d
```
#bda50d rgb(189,165,13)
```
#cfb50f
```
#cfb50f rgb(207,181,15)
```
#e1c510
```
#e1c510 rgb(225,197,16)
```

Shade Color Variation

#efd116
```
#efd116 rgb(239,209,22)
```
#f0d429
```
#f0d429 rgb(240,212,41)
```
#f1d83b
```
#f1d83b rgb(241,216,59)
```
#f2dc4d
```
#f2dc4d rgb(242,220,77)
```
#f4df60
```
#f4df60 rgb(244,223,96)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#f6e784
```
#f6e784 rgb(246,231,132)
```
#f8ea97
```
#f8ea97 rgb(248,234,151)
```
#f9eea9
```
#f9eea9 rgb(249,238,169)
```
#faf2bb
```
#faf2bb rgb(250,242,187)
```
#fbf5ce
```
#fbf5ce rgb(251,245,206)
```
#fdf9e0
```
#fdf9e0 rgb(253,249,224)
```
#fefcf2
```
#fefcf2 rgb(254,252,242)
```

Tint Color Variation

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

#b5b5b2
```
#b5b5b2 rgb(181,181,178)
```
#bbb9ac
```
#bbb9ac rgb(187,185,172)
```
#c1bda6
```
#c1bda6 rgb(193,189,166)
```
#c7c1a0
```
#c7c1a0 rgb(199,193,160)
```
#ccc69b
```
#ccc69b rgb(204,198,155)
```
#d2ca95
```
#d2ca95 rgb(210,202,149)
```
#d8ce8f
```
#d8ce8f rgb(216,206,143)
```
#ded289
```
#ded289 rgb(222,210,137)
```
#e4d683
```
#e4d683 rgb(228,214,131)
```
#e9db7e
```
#e9db7e rgb(233,219,126)
```
#efdf78
```
#efdf78 rgb(239,223,120)
```
#f5e372
```
#f5e372 rgb(245,227,114)
```
#fbe76c
```
#fbe76c rgb(251,231,108)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e1ddc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e378 Protanopia 1% of men
#ffddb6 Deuteranopia 1% of men
#ffd9e6 Tritanopia 0.001% of the population

Trichromacy

#f7e376 Protanomaly 1% of men, 0.01% of women
#fbdf9d Deuteranomaly 6% of men, 0.4% of women
#fbdcbc Tritanomaly 0.01% of the population

#f5e372 hex color

#f5e372 Color Information

#f5e372 Color Conversion

Color Schemes with #f5e372

Alternatives to #f5e372

#f5e372 Preview

Shades and Tints of #f5e372

Tones of #f5e372

Color Blindness Simulator