#f5d700 hex color

In a RGB color space, hex #f5d700 is composed of 96.1% red, 84.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 100% yellow and 3.9% black. It has a hue angle of 52.7 degrees, a saturation of 100% and a lightness of 48%. #f5d700 color hex could be obtained by blending #ffff00 with #ebaf00. Closest websafe color is: #ffcc00.

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

● #f5d700 color description : Pure (or mostly pure) yellow.

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

Hex triplet	f5d700	`#f5d700`
RGB Decimal	245, 215, 0	`rgb(245,215,0)`
RGB Percent	96.1, 84.3, 0	`rgb(96.1%,84.3%,0%)`
CMYK	0, 12, 100, 4
HSL	52.7°, 100, 48	`hsl(52.7,100%,48%)`
HSV (or HSB)	52.7°, 100, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.014, -6.184, 86.059
XYZ	61.957, 68.016, 9.865
xyY	0.443, 0.486, 68.016
CIE-LCH	86.014, 86.281, 94.11
CIE-LUV	86.014, 28.034, 91.977
Hunter-Lab	82.472, -10.226, 50.638
Binary	11110101, 11010111, 00000000

#f5d700
```
#f5d700 rgb(245,215,0)
```
#001ef5
```
#001ef5 rgb(0,30,245)
```

Complementary Color

#f55d00
```
#f55d00 rgb(245,93,0)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#99f500
```
#99f500 rgb(153,245,0)
```

Analogous Color

#5d00f5
```
#5d00f5 rgb(93,0,245)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#0099f5
```
#0099f5 rgb(0,153,245)
```

Split Complementary Color

#d700f5
```
#d700f5 rgb(215,0,245)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#00f5d7
```
#00f5d7 rgb(0,245,215)
```

Triadic Color

#f5001e
```
#f5001e rgb(245,0,30)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#00f5d7
```
#00f5d7 rgb(0,245,215)
```
#001ef5
```
#001ef5 rgb(0,30,245)
```

Tetradic Color

#a99400
```
#a99400 rgb(169,148,0)
```
#c2aa00
```
#c2aa00 rgb(194,170,0)
```
#dcc100
```
#dcc100 rgb(220,193,0)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#ffe210
```
#ffe210 rgb(255,226,16)
```
#ffe529
```
#ffe529 rgb(255,229,41)
```
#ffe843
```
#ffe843 rgb(255,232,67)
```

Monochromatic Color

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

#f59a00
```
#f59a00 rgb(245,154,0)
```
#f5ae00
```
#f5ae00 rgb(245,174,0)
```
#f5c300
```
#f5c300 rgb(245,195,0)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```
#f5eb00
```
#f5eb00 rgb(245,235,0)
```
#eaf500
```
#eaf500 rgb(234,245,0)
```
#d6f500
```
#d6f500 rgb(214,245,0)
```

Similar Colors

Text with hexadecimal color #f5d700

This text has a font color of #f5d700.

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

#f5d700 background color

This paragraph has a background color of #f5d700.

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

#f5d700 border color

This element has a border color of #f5d700.

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

CSS codes

.text {color:#f5d700;}

.background {background-color:#f5d700;}

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

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

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1d1a00
```
#1d1a00 rgb(29,26,0)
```
#312b00
```
#312b00 rgb(49,43,0)
```
#443c00
```
#443c00 rgb(68,60,0)
```
#584d00
```
#584d00 rgb(88,77,0)
```
#6c5f00
```
#6c5f00 rgb(108,95,0)
```
#7f7000
```
#7f7000 rgb(127,112,0)
```
#938100
```
#938100 rgb(147,129,0)
```
#a79200
```
#a79200 rgb(167,146,0)
```
#baa300
```
#baa300 rgb(186,163,0)
```
#ceb500
```
#ceb500 rgb(206,181,0)
```
#e1c600
```
#e1c600 rgb(225,198,0)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```

Shade Color Variation

#ffe10a
```
#ffe10a rgb(255,225,10)
```
#ffe31d
```
#ffe31d rgb(255,227,29)
```
#ffe631
```
#ffe631 rgb(255,230,49)
```
#ffe844
```
#ffe844 rgb(255,232,68)
```
#ffeb58
```
#ffeb58 rgb(255,235,88)
```
#ffed6c
```
#ffed6c rgb(255,237,108)
```
#ffef7f
```
#ffef7f rgb(255,239,127)
```
#fff293
```
#fff293 rgb(255,242,147)
```
#fff4a7
```
#fff4a7 rgb(255,244,167)
```
#fff7ba
```
#fff7ba rgb(255,247,186)
```
#fff9ce
```
#fff9ce rgb(255,249,206)
```
#fffbe1
```
#fffbe1 rgb(255,251,225)
```
#fffef5
```
#fffef5 rgb(255,254,245)
```

Tint Color Variation

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

#848271
```
#848271 rgb(132,130,113)
```
#8d8968
```
#8d8968 rgb(141,137,104)
```
#97905e
```
#97905e rgb(151,144,94)
```
#a09755
```
#a09755 rgb(160,151,85)
```
#aa9e4b
```
#aa9e4b rgb(170,158,75)
```
#b3a542
```
#b3a542 rgb(179,165,66)
```
#bcac39
```
#bcac39 rgb(188,172,57)
```
#c6b32f
```
#c6b32f rgb(198,179,47)
```
#cfbb26
```
#cfbb26 rgb(207,187,38)
```
#d9c21c
```
#d9c21c rgb(217,194,28)
```
#e2c913
```
#e2c913 rgb(226,201,19)
```
#ecd009
```
#ecd009 rgb(236,208,9)
```
#f5d700
```
#f5d700 rgb(245,215,0)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0ca9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d905 Protanopia 1% of men
#ffd28b Deuteranopia 1% of men
#ffcbd8 Tritanopia 0.001% of the population

Trichromacy

#f4d803 Protanomaly 1% of men, 0.01% of women
#fbd458 Deuteranomaly 6% of men, 0.4% of women
#fbcf89 Tritanomaly 0.01% of the population

#f5d700 hex color

#f5d700 Color Information

#f5d700 Color Conversion

Color Schemes with #f5d700

Alternatives to #f5d700

#f5d700 Preview

Shades and Tints of #f5d700

Tones of #f5d700

Color Blindness Simulator