#f5c20c hex color

In a RGB color space, hex #f5c20c is composed of 96.1% red, 76.1% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 95.1% yellow and 3.9% black. It has a hue angle of 46.9 degrees, a saturation of 92.1% and a lightness of 50.4%. #f5c20c color hex could be obtained by blending #ffff18 with #eb8500. Closest websafe color is: #ffcc00.

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

● #f5c20c color description : Vivid yellow.

The hexadecimal color #f5c20c has RGB values of R:245, G:194, B:12 and CMYK values of C:0, M:0.21, Y:0.95, K:0.04. Its decimal value is 16105996.

Hex triplet	f5c20c	`#f5c20c`
RGB Decimal	245, 194, 12	`rgb(245,194,12)`
RGB Percent	96.1, 76.1, 4.7	`rgb(96.1%,76.1%,4.7%)`
CMYK	0, 21, 95, 4
HSL	46.9°, 92.1, 50.4	`hsl(46.9,92.1%,50.4%)`
HSV (or HSB)	46.9°, 95.1, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	80.753, 4.646, 81.188
XYZ	57.015, 58.025, 8.545
xyY	0.461, 0.47, 58.025
CIE-LCH	80.753, 81.321, 86.725
CIE-LUV	80.753, 43.526, 83.594
Hunter-Lab	76.174, 0.299, 46.671
Binary	11110101, 11000010, 00001100

#f5c20c
```
#f5c20c rgb(245,194,12)
```
#0c3ff5
```
#0c3ff5 rgb(12,63,245)
```

Complementary Color

#f54e0c
```
#f54e0c rgb(245,78,12)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#b4f50c
```
#b4f50c rgb(180,245,12)
```

Analogous Color

#4d0cf5
```
#4d0cf5 rgb(77,12,245)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#0cb4f5
```
#0cb4f5 rgb(12,180,245)
```

Split Complementary Color

#c20cf5
```
#c20cf5 rgb(194,12,245)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#0cf5c2
```
#0cf5c2 rgb(12,245,194)
```

Triadic Color

#f50c3f
```
#f50c3f rgb(245,12,63)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#0cf5c2
```
#0cf5c2 rgb(12,245,194)
```
#0c3ff5
```
#0c3ff5 rgb(12,63,245)
```

Tetradic Color

#ad8907
```
#ad8907 rgb(173,137,7)
```
#c69c08
```
#c69c08 rgb(198,156,8)
```
#deb009
```
#deb009 rgb(222,176,9)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#f6c824
```
#f6c824 rgb(246,200,36)
```
#f7ce3d
```
#f7ce3d rgb(247,206,61)
```
#f8d455
```
#f8d455 rgb(248,212,85)
```

Monochromatic Color

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

#f5880c
```
#f5880c rgb(245,136,12)
```
#f59b0c
```
#f59b0c rgb(245,155,12)
```
#f5af0c
```
#f5af0c rgb(245,175,12)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#f5d50c
```
#f5d50c rgb(245,213,12)
```
#f5e90c
```
#f5e90c rgb(245,233,12)
```
#eef50c
```
#eef50c rgb(238,245,12)
```

Similar Colors

Text with hexadecimal color #f5c20c

This text has a font color of #f5c20c.

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

#f5c20c background color

This paragraph has a background color of #f5c20c.

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

#f5c20c border color

This element has a border color of #f5c20c.

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

CSS codes

.text {color:#f5c20c;}

.background {background-color:#f5c20c;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#151001
```
#151001 rgb(21,16,1)
```
#281f02
```
#281f02 rgb(40,31,2)
```
#3a2e02
```
#3a2e02 rgb(58,46,2)
```
#4d3d03
```
#4d3d03 rgb(77,61,3)
```
#604c04
```
#604c04 rgb(96,76,4)
```
#735b05
```
#735b05 rgb(115,91,5)
```
#866a06
```
#866a06 rgb(134,106,6)
```
#997906
```
#997906 rgb(153,121,6)
```
#ab8707
```
#ab8707 rgb(171,135,7)
```
#be9608
```
#be9608 rgb(190,150,8)
```
#d1a509
```
#d1a509 rgb(209,165,9)
```
#e4b409
```
#e4b409 rgb(228,180,9)
```

Shade Color Variation

#f5c20c
```
#f5c20c rgb(245,194,12)
```
#f6c71f
```
#f6c71f rgb(246,199,31)
```
#f7cb32
```
#f7cb32 rgb(247,203,50)
```
#f7d045
```
#f7d045 rgb(247,208,69)
```
#f8d557
```
#f8d557 rgb(248,213,87)
```
#f9da6a
```
#f9da6a rgb(249,218,106)
```
#fade7d
```
#fade7d rgb(250,222,125)
```
#fae390
```
#fae390 rgb(250,227,144)
```
#fbe8a3
```
#fbe8a3 rgb(251,232,163)
```
#fcedb6
```
#fcedb6 rgb(252,237,182)
```
#fdf1c8
```
#fdf1c8 rgb(253,241,200)
```
#fef6db
```
#fef6db rgb(254,246,219)
```
#fefbee
```
#fefbee rgb(254,251,238)
```

Tint Color Variation

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

#8a8677
```
#8a8677 rgb(138,134,119)
```
#948b6d
```
#948b6d rgb(148,139,109)
```
#9d9164
```
#9d9164 rgb(157,145,100)
```
#a7965a
```
#a7965a rgb(167,150,90)
```
#b19c50
```
#b19c50 rgb(177,156,80)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#c4a73d
```
#c4a73d rgb(196,167,61)
```
#ceac33
```
#ceac33 rgb(206,172,51)
```
#d8b229
```
#d8b229 rgb(216,178,41)
```
#e2b71f
```
#e2b71f rgb(226,183,31)
```
#ebbd16
```
#ebbd16 rgb(235,189,22)
```
#f5c20c
```
#f5c20c rgb(245,194,12)
```
#ffc702
```
#ffc702 rgb(255,199,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8be9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cb1b Protanopia 1% of men
#fec11e Deuteranopia 1% of men
#ffb8c4 Tritanopia 0.001% of the population

Trichromacy

#eac815 Protanomaly 1% of men, 0.01% of women
#fac117 Deuteranomaly 6% of men, 0.4% of women
#fbbb81 Tritanomaly 0.01% of the population

#f5c20c hex color

#f5c20c Color Information

#f5c20c Color Conversion

Color Schemes with #f5c20c

Alternatives to #f5c20c

#f5c20c Preview

Shades and Tints of #f5c20c

Tones of #f5c20c

Color Blindness Simulator