#f5ca61 hex color

In a RGB color space, hex #f5ca61 is composed of 96.1% red, 79.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 60.4% yellow and 3.9% black. It has a hue angle of 42.6 degrees, a saturation of 88.1% and a lightness of 67.1%. #f5ca61 color hex could be obtained by blending #ffffc2 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

● #f5ca61 color description : Soft orange.

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

Hex triplet	f5ca61	`#f5ca61`
RGB Decimal	245, 202, 97	`rgb(245,202,97)`
RGB Percent	96.1, 79.2, 38	`rgb(96.1%,79.2%,38%)`
CMYK	0, 18, 60, 4
HSL	42.6°, 88.1, 67.1	`hsl(42.6,88.1%,67.1%)`
HSV (or HSB)	42.6°, 60.4, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.189, 3.597, 57.011
XYZ	60.935, 62.519, 20.166
xyY	0.424, 0.435, 62.519
CIE-LCH	83.189, 57.124, 86.39
CIE-LUV	83.189, 34.901, 67.998
Hunter-Lab	79.069, -0.809, 40.226
Binary	11110101, 11001010, 01100001

#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#618cf5
```
#618cf5 rgb(97,140,245)
```

Complementary Color

#f58061
```
#f58061 rgb(245,128,97)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#d6f561
```
#d6f561 rgb(214,245,97)
```

Analogous Color

#8061f5
```
#8061f5 rgb(128,97,245)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#61d6f5
```
#61d6f5 rgb(97,214,245)
```

Split Complementary Color

#ca61f5
```
#ca61f5 rgb(202,97,245)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#61f5ca
```
#61f5ca rgb(97,245,202)
```

Triadic Color

#f5618c
```
#f5618c rgb(245,97,140)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#61f5ca
```
#61f5ca rgb(97,245,202)
```
#618cf5
```
#618cf5 rgb(97,140,245)
```

Tetradic Color

#f0b219
```
#f0b219 rgb(240,178,25)
```
#f2ba31
```
#f2ba31 rgb(242,186,49)
```
#f3c249
```
#f3c249 rgb(243,194,73)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#f7d279
```
#f7d279 rgb(247,210,121)
```
#f8da91
```
#f8da91 rgb(248,218,145)
```
#fae2a9
```
#fae2a9 rgb(250,226,169)
```

Monochromatic Color

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

#f5a561
```
#f5a561 rgb(245,165,97)
```
#f5b161
```
#f5b161 rgb(245,177,97)
```
#f5be61
```
#f5be61 rgb(245,190,97)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#f5d661
```
#f5d661 rgb(245,214,97)
```
#f5e361
```
#f5e361 rgb(245,227,97)
```
#f5ef61
```
#f5ef61 rgb(245,239,97)
```

Similar Colors

Text with hexadecimal color #f5ca61

This text has a font color of #f5ca61.

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

#f5ca61 background color

This paragraph has a background color of #f5ca61.

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

#f5ca61 border color

This element has a border color of #f5ca61.

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

CSS codes

.text {color:#f5ca61;}

.background {background-color:#f5ca61;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#1a1302
```
#1a1302 rgb(26,19,2)
```
#2d2103
```
#2d2103 rgb(45,33,3)
```
#3f2e04
```
#3f2e04 rgb(63,46,4)
```
#523c05
```
#523c05 rgb(82,60,5)
```
#644906
```
#644906 rgb(100,73,6)
```
#775608
```
#775608 rgb(119,86,8)
```
#896409
```
#896409 rgb(137,100,9)
```
#9c710a
```
#9c710a rgb(156,113,10)
```
#ae7f0b
```
#ae7f0b rgb(174,127,11)
```
#c18c0c
```
#c18c0c rgb(193,140,12)
```
#d39a0d
```
#d39a0d rgb(211,154,13)
```
#e5a70f
```
#e5a70f rgb(229,167,15)
```

Shade Color Variation

#f0b117
```
#f0b117 rgb(240,177,23)
```
#f1b72a
```
#f1b72a rgb(241,183,42)
```
#f3be3c
```
#f3be3c rgb(243,190,60)
```
#f4c44f
```
#f4c44f rgb(244,196,79)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#f6d073
```
#f6d073 rgb(246,208,115)
```
#f7d686
```
#f7d686 rgb(247,214,134)
```
#f9dd98
```
#f9dd98 rgb(249,221,152)
```
#fae3ab
```
#fae3ab rgb(250,227,171)
```
#fbe9bd
```
#fbe9bd rgb(251,233,189)
```
#fcefd0
```
#fcefd0 rgb(252,239,208)
```
#fdf5e2
```
#fdf5e2 rgb(253,245,226)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#aeaca8
```
#aeaca8 rgb(174,172,168)
```
#b4afa2
```
#b4afa2 rgb(180,175,162)
```
#bbb29b
```
#bbb29b rgb(187,178,155)
```
#c1b495
```
#c1b495 rgb(193,180,149)
```
#c8b78e
```
#c8b78e rgb(200,183,142)
```
#ceba88
```
#ceba88 rgb(206,186,136)
```
#d5bc81
```
#d5bc81 rgb(213,188,129)
```
#dbbf7b
```
#dbbf7b rgb(219,191,123)
```
#e2c274
```
#e2c274 rgb(226,194,116)
```
#e8c56e
```
#e8c56e rgb(232,197,110)
```
#efc767
```
#efc767 rgb(239,199,103)
```
#f5ca61
```
#f5ca61 rgb(245,202,97)
```
#fbcd5b
```
#fbcd5b rgb(251,205,91)
```

Tone Color Variation

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

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

Trichromacy

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

#f5ca61 hex color

#f5ca61 Color Information

#f5ca61 Color Conversion

Color Schemes with #f5ca61

Alternatives to #f5ca61

#f5ca61 Preview

Shades and Tints of #f5ca61

Tones of #f5ca61

Color Blindness Simulator