#f5f100 hex color

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

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

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

The hexadecimal color #f5f100 has RGB values of R:245, G:241, B:0 and CMYK values of C:0, M:0.02, Y:1, K:0.04. Its decimal value is 16118016.

Hex triplet	f5f100	`#f5f100`
RGB Decimal	245, 241, 0	`rgb(245,241,0)`
RGB Percent	96.1, 94.5, 0	`rgb(96.1%,94.5%,0%)`
CMYK	0, 2, 100, 4
HSL	59°, 100, 48	`hsl(59,100%,48%)`
HSV (or HSB)	59°, 100, 96.1
Web Safe	ffff00	`#ffff00`

CIE-LAB	92.718, -18.996, 90.895
XYZ	69.112, 82.324, 12.25
xyY	0.422, 0.503, 82.324
CIE-LCH	92.718, 92.858, 101.804
CIE-LUV	92.718, 10.067, 101.596
Hunter-Lab	90.733, -22.818, 55.508
Binary	11110101, 11110001, 00000000

#f5f100
```
#f5f100 rgb(245,241,0)
```
#0004f5
```
#0004f5 rgb(0,4,245)
```

Complementary Color

#f57700
```
#f57700 rgb(245,119,0)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#7ff500
```
#7ff500 rgb(127,245,0)
```

Analogous Color

#7700f5
```
#7700f5 rgb(119,0,245)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#007ff5
```
#007ff5 rgb(0,127,245)
```

Split Complementary Color

#f100f5
```
#f100f5 rgb(241,0,245)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#00f5f1
```
#00f5f1 rgb(0,245,241)
```

Triadic Color

#f50004
```
#f50004 rgb(245,0,4)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#00f5f1
```
#00f5f1 rgb(0,245,241)
```
#0004f5
```
#0004f5 rgb(0,4,245)
```

Tetradic Color

#a9a600
```
#a9a600 rgb(169,166,0)
```
#c2bf00
```
#c2bf00 rgb(194,191,0)
```
#dcd800
```
#dcd800 rgb(220,216,0)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#fffb10
```
#fffb10 rgb(255,251,16)
```
#fffc29
```
#fffc29 rgb(255,252,41)
```
#fffc43
```
#fffc43 rgb(255,252,67)
```

Monochromatic Color

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

#f5b400
```
#f5b400 rgb(245,180,0)
```
#f5c800
```
#f5c800 rgb(245,200,0)
```
#f5dd00
```
#f5dd00 rgb(245,221,0)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```
#e5f500
```
#e5f500 rgb(229,245,0)
```
#d0f500
```
#d0f500 rgb(208,245,0)
```
#bcf500
```
#bcf500 rgb(188,245,0)
```

Similar Colors

Text with hexadecimal color #f5f100

This text has a font color of #f5f100.

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

#f5f100 background color

This paragraph has a background color of #f5f100.

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

#f5f100 border color

This element has a border color of #f5f100.

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

CSS codes

.text {color:#f5f100;}

.background {background-color:#f5f100;}

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

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

#0a0900
```
#0a0900 rgb(10,9,0)
```
#1d1d00
```
#1d1d00 rgb(29,29,0)
```
#313000
```
#313000 rgb(49,48,0)
```
#444300
```
#444300 rgb(68,67,0)
```
#585700
```
#585700 rgb(88,87,0)
```
#6c6a00
```
#6c6a00 rgb(108,106,0)
```
#7f7d00
```
#7f7d00 rgb(127,125,0)
```
#939100
```
#939100 rgb(147,145,0)
```
#a7a400
```
#a7a400 rgb(167,164,0)
```
#bab700
```
#bab700 rgb(186,183,0)
```
#ceca00
```
#ceca00 rgb(206,202,0)
```
#e1de00
```
#e1de00 rgb(225,222,0)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```

Shade Color Variation

#fffb0a
```
#fffb0a rgb(255,251,10)
```
#fffb1d
```
#fffb1d rgb(255,251,29)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#fffc44
```
#fffc44 rgb(255,252,68)
```
#fffc58
```
#fffc58 rgb(255,252,88)
```
#fffd6c
```
#fffd6c rgb(255,253,108)
```
#fffd7f
```
#fffd7f rgb(255,253,127)
```
#fffd93
```
#fffd93 rgb(255,253,147)
```
#fffea7
```
#fffea7 rgb(255,254,167)
```
#fffeba
```
#fffeba rgb(255,254,186)
```
#fffece
```
#fffece rgb(255,254,206)
```
#ffffe1
```
#ffffe1 rgb(255,255,225)
```
#fffff5
```
#fffff5 rgb(255,255,245)
```

Tint Color Variation

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

#848471
```
#848471 rgb(132,132,113)
```
#8d8d68
```
#8d8d68 rgb(141,141,104)
```
#97965e
```
#97965e rgb(151,150,94)
```
#a09f55
```
#a09f55 rgb(160,159,85)
```
#aaa84b
```
#aaa84b rgb(170,168,75)
```
#b3b142
```
#b3b142 rgb(179,177,66)
```
#bcba39
```
#bcba39 rgb(188,186,57)
```
#c6c32f
```
#c6c32f rgb(198,195,47)
```
#cfcd26
```
#cfcd26 rgb(207,205,38)
```
#d9d61c
```
#d9d61c rgb(217,214,28)
```
#e2df13
```
#e2df13 rgb(226,223,19)
```
#ece809
```
#ece809 rgb(236,232,9)
```
#f5f100
```
#f5f100 rgb(245,241,0)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dddcac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb94 Protanopia 1% of men
#ffe7ca Deuteranopia 1% of men
#ffe4ef Tritanopia 0.001% of the population

Trichromacy

#fbed5e Protanomaly 1% of men, 0.01% of women
#fbeb81 Deuteranomaly 6% of men, 0.4% of women
#fbe898 Tritanomaly 0.01% of the population

#f5f100 hex color

#f5f100 Color Information

#f5f100 Color Conversion

Color Schemes with #f5f100

Alternatives to #f5f100

#f5f100 Preview

Shades and Tints of #f5f100

Tones of #f5f100

Color Blindness Simulator