#f5de70 hex color

In a RGB color space, hex #f5de70 is composed of 96.1% red, 87.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 54.3% yellow and 3.9% black. It has a hue angle of 49.6 degrees, a saturation of 86.9% and a lightness of 70%. #f5de70 color hex could be obtained by blending #ffffe0 with #ebbd00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 87
- B 44
RGB color chart
- C 0
- M 9
- Y 54
- K 4
CMYK color chart

● #f5de70 color description : Soft yellow.

The hexadecimal color #f5de70 has RGB values of R:245, G:222, B:112 and CMYK values of C:0, M:0.09, Y:0.54, K:0.04. Its decimal value is 16113264.

Hex triplet	f5de70	`#f5de70`
RGB Decimal	245, 222, 112	`rgb(245,222,112)`
RGB Percent	96.1, 87.1, 43.9	`rgb(96.1%,87.1%,43.9%)`
CMYK	0, 9, 54, 4
HSL	49.6°, 86.9, 70	`hsl(49.6,86.9%,70%)`
HSV (or HSB)	49.6°, 54.3, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.365, -5.521, 56.064
XYZ	66.702, 72.827, 25.872
xyY	0.403, 0.44, 72.827
CIE-LCH	88.365, 56.335, 95.624
CIE-LUV	88.365, 20.562, 70.817
Hunter-Lab	85.339, -9.824, 41.762
Binary	11110101, 11011110, 01110000

#f5de70
```
#f5de70 rgb(245,222,112)
```
#7087f5
```
#7087f5 rgb(112,135,245)
```

Complementary Color

#f59c70
```
#f59c70 rgb(245,156,112)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#caf570
```
#caf570 rgb(202,245,112)
```

Analogous Color

#9c70f5
```
#9c70f5 rgb(156,112,245)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#70caf5
```
#70caf5 rgb(112,202,245)
```

Split Complementary Color

#de70f5
```
#de70f5 rgb(222,112,245)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#70f5de
```
#70f5de rgb(112,245,222)
```

Triadic Color

#f57087
```
#f57087 rgb(245,112,135)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#70f5de
```
#70f5de rgb(112,245,222)
```
#7087f5
```
#7087f5 rgb(112,135,245)
```

Tetradic Color

#f0ce29
```
#f0ce29 rgb(240,206,41)
```
#f2d340
```
#f2d340 rgb(242,211,64)
```
#f3d958
```
#f3d958 rgb(243,217,88)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#f7e488
```
#f7e488 rgb(247,228,136)
```
#f8e9a0
```
#f8e9a0 rgb(248,233,160)
```
#faefb8
```
#faefb8 rgb(250,239,184)
```

Monochromatic Color

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

#f5bd70
```
#f5bd70 rgb(245,189,112)
```
#f5c870
```
#f5c870 rgb(245,200,112)
```
#f5d370
```
#f5d370 rgb(245,211,112)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#f5e970
```
#f5e970 rgb(245,233,112)
```
#f5f470
```
#f5f470 rgb(245,244,112)
```
#ebf570
```
#ebf570 rgb(235,245,112)
```

Similar Colors

Text with hexadecimal color #f5de70

This text has a font color of #f5de70.

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

#f5de70 background color

This paragraph has a background color of #f5de70.

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

#f5de70 border color

This element has a border color of #f5de70.

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

CSS codes

.text {color:#f5de70;}

.background {background-color:#f5de70;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161202
```
#161202 rgb(22,18,2)
```
#282203
```
#282203 rgb(40,34,3)
```
#3b3104
```
#3b3104 rgb(59,49,4)
```
#4d4105
```
#4d4105 rgb(77,65,5)
```
#5f5007
```
#5f5007 rgb(95,80,7)
```
#725f08
```
#725f08 rgb(114,95,8)
```
#846f09
```
#846f09 rgb(132,111,9)
```
#967e0b
```
#967e0b rgb(150,126,11)
```
#a98e0c
```
#a98e0c rgb(169,142,12)
```
#bb9d0d
```
#bb9d0d rgb(187,157,13)
```
#cdac0e
```
#cdac0e rgb(205,172,14)
```
#e0bc10
```
#e0bc10 rgb(224,188,16)
```

Shade Color Variation

#efc914
```
#efc914 rgb(239,201,20)
```
#f0cd27
```
#f0cd27 rgb(240,205,39)
```
#f1d139
```
#f1d139 rgb(241,209,57)
```
#f2d64b
```
#f2d64b rgb(242,214,75)
```
#f4da5e
```
#f4da5e rgb(244,218,94)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#f6e282
```
#f6e282 rgb(246,226,130)
```
#f8e695
```
#f8e695 rgb(248,230,149)
```
#f9eba7
```
#f9eba7 rgb(249,235,167)
```
#faefb9
```
#faefb9 rgb(250,239,185)
```
#fbf3cc
```
#fbf3cc rgb(251,243,204)
```
#fdf7de
```
#fdf7de rgb(253,247,222)
```
#fefcf0
```
#fefcf0 rgb(254,252,240)
```

Tint Color Variation

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

#b4b4b1
```
#b4b4b1 rgb(180,180,177)
```
#bab8ab
```
#bab8ab rgb(186,184,171)
```
#c0bba5
```
#c0bba5 rgb(192,187,165)
```
#c6bf9f
```
#c6bf9f rgb(198,191,159)
```
#ccc399
```
#ccc399 rgb(204,195,153)
```
#d2c793
```
#d2c793 rgb(210,199,147)
```
#d8cb8d
```
#d8cb8d rgb(216,203,141)
```
#ddcf88
```
#ddcf88 rgb(221,207,136)
```
#e3d282
```
#e3d282 rgb(227,210,130)
```
#e9d67c
```
#e9d67c rgb(233,214,124)
```
#efda76
```
#efda76 rgb(239,218,118)
```
#f5de70
```
#f5de70 rgb(245,222,112)
```
#fbe26a
```
#fbe26a rgb(251,226,106)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#ded9c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5df77 Protanopia 1% of men
#ffd9ab Deuteranopia 1% of men
#ffd4e2 Tritanopia 0.001% of the population

Trichromacy

#f5df74 Protanomaly 1% of men, 0.01% of women
#fbdb95 Deuteranomaly 6% of men, 0.4% of women
#fbd7b8 Tritanomaly 0.01% of the population

#f5de70 hex color

#f5de70 Color Information

#f5de70 Color Conversion

Color Schemes with #f5de70

Alternatives to #f5de70

#f5de70 Preview

Shades and Tints of #f5de70

Tones of #f5de70

Color Blindness Simulator