#f5ca62 hex color

In a RGB color space, hex #f5ca62 is composed of 96.1% red, 79.2% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 60% yellow and 3.9% black. It has a hue angle of 42.4 degrees, a saturation of 88% and a lightness of 67.3%. #f5ca62 color hex could be obtained by blending #ffffc4 with #eb9500. Closest websafe color is: #ffcc66.

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

● #f5ca62 color description : Soft orange.

The hexadecimal color #f5ca62 has RGB values of R:245, G:202, B:98 and CMYK values of C:0, M:0.18, Y:0.6, K:0.04. Its decimal value is 16108130.

Hex triplet	f5ca62	`#f5ca62`
RGB Decimal	245, 202, 98	`rgb(245,202,98)`
RGB Percent	96.1, 79.2, 38.4	`rgb(96.1%,79.2%,38.4%)`
CMYK	0, 18, 60, 4
HSL	42.4°, 88, 67.3	`hsl(42.4,88%,67.3%)`
HSV (or HSB)	42.4°, 60, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.199, 3.665, 56.564
XYZ	60.982, 62.538, 20.414
xyY	0.424, 0.434, 62.538
CIE-LCH	83.199, 56.683, 86.293
CIE-LUV	83.199, 34.846, 67.599
Hunter-Lab	79.081, -0.744, 40.052
Binary	11110101, 11001010, 01100010

#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#628df5
```
#628df5 rgb(98,141,245)
```

Complementary Color

#f58162
```
#f58162 rgb(245,129,98)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#d7f562
```
#d7f562 rgb(215,245,98)
```

Analogous Color

#8162f5
```
#8162f5 rgb(129,98,245)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#62d7f5
```
#62d7f5 rgb(98,215,245)
```

Split Complementary Color

#ca62f5
```
#ca62f5 rgb(202,98,245)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#62f5ca
```
#62f5ca rgb(98,245,202)
```

Triadic Color

#f5628d
```
#f5628d rgb(245,98,141)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#62f5ca
```
#62f5ca rgb(98,245,202)
```
#628df5
```
#628df5 rgb(98,141,245)
```

Tetradic Color

#f0b21a
```
#f0b21a rgb(240,178,26)
```
#f2ba32
```
#f2ba32 rgb(242,186,50)
```
#f3c24a
```
#f3c24a rgb(243,194,74)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#f7d27a
```
#f7d27a rgb(247,210,122)
```
#f8da92
```
#f8da92 rgb(248,218,146)
```
#fae2aa
```
#fae2aa rgb(250,226,170)
```

Monochromatic Color

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

#f5a562
```
#f5a562 rgb(245,165,98)
```
#f5b262
```
#f5b262 rgb(245,178,98)
```
#f5be62
```
#f5be62 rgb(245,190,98)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#f5d662
```
#f5d662 rgb(245,214,98)
```
#f5e362
```
#f5e362 rgb(245,227,98)
```
#f5ef62
```
#f5ef62 rgb(245,239,98)
```

Similar Colors

Text with hexadecimal color #f5ca62

This text has a font color of #f5ca62.

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

#f5ca62 background color

This paragraph has a background color of #f5ca62.

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

#f5ca62 border color

This element has a border color of #f5ca62.

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

CSS codes

.text {color:#f5ca62;}

.background {background-color:#f5ca62;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1b1402
```
#1b1402 rgb(27,20,2)
```
#2e2103
```
#2e2103 rgb(46,33,3)
```
#402f04
```
#402f04 rgb(64,47,4)
```
#533c05
```
#533c05 rgb(83,60,5)
```
#654906
```
#654906 rgb(101,73,6)
```
#785708
```
#785708 rgb(120,87,8)
```
#8a6409
```
#8a6409 rgb(138,100,9)
```
#9c720a
```
#9c720a rgb(156,114,10)
```
#af7f0b
```
#af7f0b rgb(175,127,11)
```
#c18c0c
```
#c18c0c rgb(193,140,12)
```
#d49a0d
```
#d49a0d rgb(212,154,13)
```
#e6a70f
```
#e6a70f rgb(230,167,15)
```

Shade Color Variation

#f0b118
```
#f0b118 rgb(240,177,24)
```
#f1b72b
```
#f1b72b rgb(241,183,43)
```
#f3be3d
```
#f3be3d rgb(243,190,61)
```
#f4c450
```
#f4c450 rgb(244,196,80)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#f6d074
```
#f6d074 rgb(246,208,116)
```
#f7d687
```
#f7d687 rgb(247,214,135)
```
#f9dd99
```
#f9dd99 rgb(249,221,153)
```
#fae3ac
```
#fae3ac rgb(250,227,172)
```
#fbe9be
```
#fbe9be rgb(251,233,190)
```
#fcefd1
```
#fcefd1 rgb(252,239,209)
```
#fdf6e3
```
#fdf6e3 rgb(253,246,227)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#aeada9
```
#aeada9 rgb(174,173,169)
```
#b5afa2
```
#b5afa2 rgb(181,175,162)
```
#bbb29c
```
#bbb29c rgb(187,178,156)
```
#c2b595
```
#c2b595 rgb(194,181,149)
```
#c8b78f
```
#c8b78f rgb(200,183,143)
```
#ceba89
```
#ceba89 rgb(206,186,137)
```
#d5bd82
```
#d5bd82 rgb(213,189,130)
```
#dbbf7c
```
#dbbf7c rgb(219,191,124)
```
#e2c275
```
#e2c275 rgb(226,194,117)
```
#e8c56f
```
#e8c56f rgb(232,197,111)
```
#efc768
```
#efc768 rgb(239,199,104)
```
#f5ca62
```
#f5ca62 rgb(245,202,98)
```
#fbcd5c
```
#fbcd5c rgb(251,205,92)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3cbb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d16b Protanopia 1% of men
#ffc870 Deuteranopia 1% of men
#fec1cf Tritanopia 0.001% of the population

Trichromacy

#eccf68 Protanomaly 1% of men, 0.01% of women
#fbc96b Deuteranomaly 6% of men, 0.4% of women
#fbc4a7 Tritanomaly 0.01% of the population

#f5ca62 hex color

#f5ca62 Color Information

#f5ca62 Color Conversion

Color Schemes with #f5ca62

Alternatives to #f5ca62

#f5ca62 Preview

Shades and Tints of #f5ca62

Tones of #f5ca62

Color Blindness Simulator