#f5ca60 hex color

In a RGB color space, hex #f5ca60 is composed of 96.1% red, 79.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 42.7 degrees, a saturation of 88.2% and a lightness of 66.9%. #f5ca60 color hex could be obtained by blending #ffffc0 with #eb9500. Closest websafe color is: #ffcc66.

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

● #f5ca60 color description : Soft orange.

The hexadecimal color #f5ca60 has RGB values of R:245, G:202, B:96 and CMYK values of C:0, M:0.18, Y:0.61, K:0.04. Its decimal value is 16108128.

Hex triplet	f5ca60	`#f5ca60`
RGB Decimal	245, 202, 96	`rgb(245,202,96)`
RGB Percent	96.1, 79.2, 37.6	`rgb(96.1%,79.2%,37.6%)`
CMYK	0, 18, 61, 4
HSL	42.7°, 88.2, 66.9	`hsl(42.7,88.2%,66.9%)`
HSV (or HSB)	42.7°, 60.8, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.179, 3.53, 57.456
XYZ	60.889, 62.501, 19.922
xyY	0.425, 0.436, 62.501
CIE-LCH	83.179, 57.564, 86.484
CIE-LUV	83.179, 34.956, 68.393
Hunter-Lab	79.057, -0.873, 40.399
Binary	11110101, 11001010, 01100000

#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#608bf5
```
#608bf5 rgb(96,139,245)
```

Complementary Color

#f58060
```
#f58060 rgb(245,128,96)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#d6f560
```
#d6f560 rgb(214,245,96)
```

Analogous Color

#8060f5
```
#8060f5 rgb(128,96,245)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#60d6f5
```
#60d6f5 rgb(96,214,245)
```

Split Complementary Color

#ca60f5
```
#ca60f5 rgb(202,96,245)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#60f5ca
```
#60f5ca rgb(96,245,202)
```

Triadic Color

#f5608b
```
#f5608b rgb(245,96,139)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#60f5ca
```
#60f5ca rgb(96,245,202)
```
#608bf5
```
#608bf5 rgb(96,139,245)
```

Tetradic Color

#f0b218
```
#f0b218 rgb(240,178,24)
```
#f2ba30
```
#f2ba30 rgb(242,186,48)
```
#f3c248
```
#f3c248 rgb(243,194,72)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#f7d278
```
#f7d278 rgb(247,210,120)
```
#f8da90
```
#f8da90 rgb(248,218,144)
```
#fae2a8
```
#fae2a8 rgb(250,226,168)
```

Monochromatic Color

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

#f5a560
```
#f5a560 rgb(245,165,96)
```
#f5b160
```
#f5b160 rgb(245,177,96)
```
#f5be60
```
#f5be60 rgb(245,190,96)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#f5d660
```
#f5d660 rgb(245,214,96)
```
#f5e360
```
#f5e360 rgb(245,227,96)
```
#f5ef60
```
#f5ef60 rgb(245,239,96)
```

Similar Colors

Text with hexadecimal color #f5ca60

This text has a font color of #f5ca60.

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

#f5ca60 background color

This paragraph has a background color of #f5ca60.

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

#f5ca60 border color

This element has a border color of #f5ca60.

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

CSS codes

.text {color:#f5ca60;}

.background {background-color:#f5ca60;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1302
```
#1a1302 rgb(26,19,2)
```
#2c2003
```
#2c2003 rgb(44,32,3)
```
#3e2e04
```
#3e2e04 rgb(62,46,4)
```
#513b05
```
#513b05 rgb(81,59,5)
```
#634806
```
#634806 rgb(99,72,6)
```
#765607
```
#765607 rgb(118,86,7)
```
#886309
```
#886309 rgb(136,99,9)
```
#9b710a
```
#9b710a rgb(155,113,10)
```
#ad7e0b
```
#ad7e0b rgb(173,126,11)
```
#c08c0c
```
#c08c0c rgb(192,140,12)
```
#d2990d
```
#d2990d rgb(210,153,13)
```
#e5a70e
```
#e5a70e rgb(229,167,14)
```

Shade Color Variation

#f0b116
```
#f0b116 rgb(240,177,22)
```
#f2b829
```
#f2b829 rgb(242,184,41)
```
#f3be3b
```
#f3be3b rgb(243,190,59)
```
#f4c44e
```
#f4c44e rgb(244,196,78)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#f6d072
```
#f6d072 rgb(246,208,114)
```
#f7d685
```
#f7d685 rgb(247,214,133)
```
#f8dc97
```
#f8dc97 rgb(248,220,151)
```
#fae3aa
```
#fae3aa rgb(250,227,170)
```
#fbe9bc
```
#fbe9bc rgb(251,233,188)
```
#fcefcf
```
#fcefcf rgb(252,239,207)
```
#fdf5e1
```
#fdf5e1 rgb(253,245,225)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#aeaca8
```
#aeaca8 rgb(174,172,168)
```
#b4afa1
```
#b4afa1 rgb(180,175,161)
```
#bbb19b
```
#bbb19b rgb(187,177,155)
```
#c1b494
```
#c1b494 rgb(193,180,148)
```
#c8b78e
```
#c8b78e rgb(200,183,142)
```
#ceba87
```
#ceba87 rgb(206,186,135)
```
#d5bc81
```
#d5bc81 rgb(213,188,129)
```
#dbbf7a
```
#dbbf7a rgb(219,191,122)
```
#e2c274
```
#e2c274 rgb(226,194,116)
```
#e8c56d
```
#e8c56d rgb(232,197,109)
```
#efc767
```
#efc767 rgb(239,199,103)
```
#f5ca60
```
#f5ca60 rgb(245,202,96)
```
#fccd5a
```
#fccd5a rgb(252,205,90)
```

Tone Color Variation

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

#e7d169 Protanopia 1% of men
#ffc870 Deuteranopia 1% of men
#fec1ce Tritanopia 0.001% of the population

Trichromacy

#ecce66 Protanomaly 1% of men, 0.01% of women
#fbc96a Deuteranomaly 6% of men, 0.4% of women
#fbc4a6 Tritanomaly 0.01% of the population

#f5ca60 hex color

#f5ca60 Color Information

#f5ca60 Color Conversion

Color Schemes with #f5ca60

Alternatives to #f5ca60

#f5ca60 Preview

Shades and Tints of #f5ca60

Tones of #f5ca60

Color Blindness Simulator