#f5ca16 hex color

In a RGB color space, hex #f5ca16 is composed of 96.1% red, 79.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 91% yellow and 3.9% black. It has a hue angle of 48.4 degrees, a saturation of 91.8% and a lightness of 52.4%. #f5ca16 color hex could be obtained by blending #ffff2c with #eb9500. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 96
- G 79
- B 9
RGB color chart
- C 0
- M 18
- Y 91
- K 4
CMYK color chart

● #f5ca16 color description : Vivid yellow.

The hexadecimal color #f5ca16 has RGB values of R:245, G:202, B:22 and CMYK values of C:0, M:0.18, Y:0.91, K:0.04. Its decimal value is 16108054.

Hex triplet	f5ca16	`#f5ca16`
RGB Decimal	245, 202, 22	`rgb(245,202,22)`
RGB Percent	96.1, 79.2, 8.6	`rgb(96.1%,79.2%,8.6%)`
CMYK	0, 18, 91, 4
HSL	48.4°, 91.8, 52.4	`hsl(48.4,91.8%,52.4%)`
HSV (or HSB)	48.4°, 91, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.761, 0.64, 81.362
XYZ	58.922, 61.714, 9.568
xyY	0.453, 0.474, 61.714
CIE-LCH	82.761, 81.365, 89.549
CIE-LUV	82.761, 37.385, 85.835
Hunter-Lab	78.558, -3.594, 47.77
Binary	11110101, 11001010, 00010110

#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#1641f5
```
#1641f5 rgb(22,65,245)
```

Complementary Color

#f55b16
```
#f55b16 rgb(245,91,22)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#b1f516
```
#b1f516 rgb(177,245,22)
```

Analogous Color

#5b16f5
```
#5b16f5 rgb(91,22,245)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#16b1f5
```
#16b1f5 rgb(22,177,245)
```

Split Complementary Color

#ca16f5
```
#ca16f5 rgb(202,22,245)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#16f5ca
```
#16f5ca rgb(22,245,202)
```

Triadic Color

#f51641
```
#f51641 rgb(245,22,65)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#16f5ca
```
#16f5ca rgb(22,245,202)
```
#1641f5
```
#1641f5 rgb(22,65,245)
```

Tetradic Color

#b79508
```
#b79508 rgb(183,149,8)
```
#cfa909
```
#cfa909 rgb(207,169,9)
```
#e8bd0a
```
#e8bd0a rgb(232,189,10)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#f6d02e
```
#f6d02e rgb(246,208,46)
```
#f7d547
```
#f7d547 rgb(247,213,71)
```
#f8db5f
```
#f8db5f rgb(248,219,95)
```

Monochromatic Color

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

#f59216
```
#f59216 rgb(245,146,22)
```
#f5a516
```
#f5a516 rgb(245,165,22)
```
#f5b716
```
#f5b716 rgb(245,183,22)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#f5dd16
```
#f5dd16 rgb(245,221,22)
```
#f5ef16
```
#f5ef16 rgb(245,239,22)
```
#e8f516
```
#e8f516 rgb(232,245,22)
```

Similar Colors

Text with hexadecimal color #f5ca16

This text has a font color of #f5ca16.

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

#f5ca16 background color

This paragraph has a background color of #f5ca16.

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

#f5ca16 border color

This element has a border color of #f5ca16.

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

CSS codes

.text {color:#f5ca16;}

.background {background-color:#f5ca16;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1e1901
```
#1e1901 rgb(30,25,1)
```
#312802
```
#312802 rgb(49,40,2)
```
#443703
```
#443703 rgb(68,55,3)
```
#574704
```
#574704 rgb(87,71,4)
```
#6a5605
```
#6a5605 rgb(106,86,5)
```
#7c6505
```
#7c6505 rgb(124,101,5)
```
#8f7506
```
#8f7506 rgb(143,117,6)
```
#a28407
```
#a28407 rgb(162,132,7)
```
#b59308
```
#b59308 rgb(181,147,8)
```
#c8a309
```
#c8a309 rgb(200,163,9)
```
#dab209
```
#dab209 rgb(218,178,9)
```
#edc10a
```
#edc10a rgb(237,193,10)
```

Shade Color Variation

#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#f6ce29
```
#f6ce29 rgb(246,206,41)
```
#f7d33c
```
#f7d33c rgb(247,211,60)
```
#f7d74e
```
#f7d74e rgb(247,215,78)
```
#f8db61
```
#f8db61 rgb(248,219,97)
```
#f9df74
```
#f9df74 rgb(249,223,116)
```
#fae487
```
#fae487 rgb(250,228,135)
```
#fbe89a
```
#fbe89a rgb(251,232,154)
```
#fbecac
```
#fbecac rgb(251,236,172)
```
#fcf1bf
```
#fcf1bf rgb(252,241,191)
```
#fdf5d2
```
#fdf5d2 rgb(253,245,210)
```
#fef9e5
```
#fef9e5 rgb(254,249,229)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#8e8b7d
```
#8e8b7d rgb(142,139,125)
```
#989173
```
#989173 rgb(152,145,115)
```
#a1966a
```
#a1966a rgb(161,150,106)
```
#aa9c61
```
#aa9c61 rgb(170,156,97)
```
#b4a257
```
#b4a257 rgb(180,162,87)
```
#bda84e
```
#bda84e rgb(189,168,78)
```
#c6ad45
```
#c6ad45 rgb(198,173,69)
```
#d0b33b
```
#d0b33b rgb(208,179,59)
```
#d9b932
```
#d9b932 rgb(217,185,50)
```
#e2bf29
```
#e2bf29 rgb(226,191,41)
```
#ecc41f
```
#ecc41f rgb(236,196,31)
```
#f5ca16
```
#f5ca16 rgb(245,202,22)
```
#fed00d
```
#fed00d rgb(254,208,13)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#ccc4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d123 Protanopia 1% of men
#ffc75b Deuteranopia 1% of men
#ffbfcc Tritanopia 0.001% of the population

Trichromacy

#edce1e Protanomaly 1% of men, 0.01% of women
#fbc842 Deuteranomaly 6% of men, 0.4% of women
#fbc38a Tritanomaly 0.01% of the population

#f5ca16 hex color

#f5ca16 Color Information

#f5ca16 Color Conversion

Color Schemes with #f5ca16

Alternatives to #f5ca16

#f5ca16 Preview

Shades and Tints of #f5ca16

Tones of #f5ca16

Color Blindness Simulator