#f5ca66 hex color

In a RGB color space, hex #f5ca66 is composed of 96.1% red, 79.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 42 degrees, a saturation of 87.7% and a lightness of 68%. #f5ca66 color hex could be obtained by blending #ffffcc with #eb9500. Closest websafe color is: #ffcc66.

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

● #f5ca66 color description : Soft orange.

The hexadecimal color #f5ca66 has RGB values of R:245, G:202, B:102 and CMYK values of C:0, M:0.18, Y:0.58, K:0.04. Its decimal value is 16108134.

Hex triplet	f5ca66	`#f5ca66`
RGB Decimal	245, 202, 102	`rgb(245,202,102)`
RGB Percent	96.1, 79.2, 40	`rgb(96.1%,79.2%,40%)`
CMYK	0, 18, 58, 4
HSL	42°, 87.7, 68	`hsl(42,87.7%,68%)`
HSV (or HSB)	42°, 58.4, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.24, 3.944, 54.76
XYZ	61.175, 62.615, 21.433
xyY	0.421, 0.431, 62.615
CIE-LCH	83.24, 54.902, 85.88
CIE-LUV	83.24, 34.618, 65.959
Hunter-Lab	79.13, -0.478, 39.331
Binary	11110101, 11001010, 01100110

#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#6691f5
```
#6691f5 rgb(102,145,245)
```

Complementary Color

#f58366
```
#f58366 rgb(245,131,102)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#d9f566
```
#d9f566 rgb(217,245,102)
```

Analogous Color

#8366f5
```
#8366f5 rgb(131,102,245)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#66d9f5
```
#66d9f5 rgb(102,217,245)
```

Split Complementary Color

#ca66f5
```
#ca66f5 rgb(202,102,245)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#66f5ca
```
#66f5ca rgb(102,245,202)
```

Triadic Color

#f56691
```
#f56691 rgb(245,102,145)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#66f5ca
```
#66f5ca rgb(102,245,202)
```
#6691f5
```
#6691f5 rgb(102,145,245)
```

Tetradic Color

#f0b11e
```
#f0b11e rgb(240,177,30)
```
#f2b936
```
#f2b936 rgb(242,185,54)
```
#f3c24e
```
#f3c24e rgb(243,194,78)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#f7d27e
```
#f7d27e rgb(247,210,126)
```
#f8db96
```
#f8db96 rgb(248,219,150)
```
#fae3ae
```
#fae3ae rgb(250,227,174)
```

Monochromatic Color

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

#f5a666
```
#f5a666 rgb(245,166,102)
```
#f5b266
```
#f5b266 rgb(245,178,102)
```
#f5be66
```
#f5be66 rgb(245,190,102)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#f5d666
```
#f5d666 rgb(245,214,102)
```
#f5e266
```
#f5e266 rgb(245,226,102)
```
#f5ee66
```
#f5ee66 rgb(245,238,102)
```

Similar Colors

Text with hexadecimal color #f5ca66

This text has a font color of #f5ca66.

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

#f5ca66 background color

This paragraph has a background color of #f5ca66.

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

#f5ca66 border color

This element has a border color of #f5ca66.

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

CSS codes

.text {color:#f5ca66;}

.background {background-color:#f5ca66;}

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

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

#0d0901
```
#0d0901 rgb(13,9,1)
```
#1f1602
```
#1f1602 rgb(31,22,2)
```
#322403
```
#322403 rgb(50,36,3)
```
#443104
```
#443104 rgb(68,49,4)
```
#563e06
```
#563e06 rgb(86,62,6)
```
#694b07
```
#694b07 rgb(105,75,7)
```
#7b5908
```
#7b5908 rgb(123,89,8)
```
#8e6609
```
#8e6609 rgb(142,102,9)
```
#a0730a
```
#a0730a rgb(160,115,10)
```
#b2800c
```
#b2800c rgb(178,128,12)
```
#c58e0d
```
#c58e0d rgb(197,142,13)
```
#d79b0e
```
#d79b0e rgb(215,155,14)
```
#eaa80f
```
#eaa80f rgb(234,168,15)
```

Shade Color Variation

#f0b01c
```
#f0b01c rgb(240,176,28)
```
#f1b72f
```
#f1b72f rgb(241,183,47)
```
#f3bd41
```
#f3bd41 rgb(243,189,65)
```
#f4c454
```
#f4c454 rgb(244,196,84)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#f6d078
```
#f6d078 rgb(246,208,120)
```
#f7d78b
```
#f7d78b rgb(247,215,139)
```
#f9dd9d
```
#f9dd9d rgb(249,221,157)
```
#fae4b0
```
#fae4b0 rgb(250,228,176)
```
#fbeac2
```
#fbeac2 rgb(251,234,194)
```
#fcf0d4
```
#fcf0d4 rgb(252,240,212)
```
#fdf7e7
```
#fdf7e7 rgb(253,247,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#b0afab
```
#b0afab rgb(176,175,171)
```
#b6b1a5
```
#b6b1a5 rgb(182,177,165)
```
#bdb49e
```
#bdb49e rgb(189,180,158)
```
#c3b698
```
#c3b698 rgb(195,182,152)
```
#c9b992
```
#c9b992 rgb(201,185,146)
```
#cfbb8c
```
#cfbb8c rgb(207,187,140)
```
#d6be85
```
#d6be85 rgb(214,190,133)
```
#dcc07f
```
#dcc07f rgb(220,192,127)
```
#e2c379
```
#e2c379 rgb(226,195,121)
```
#e8c573
```
#e8c573 rgb(232,197,115)
```
#efc86c
```
#efc86c rgb(239,200,108)
```
#f5ca66
```
#f5ca66 rgb(245,202,102)
```
#fbcc60
```
#fbcc60 rgb(251,204,96)
```

Tone Color Variation

Below, you can see how #f5ca66 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
#d3cbb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d16f Protanopia 1% of men
#ffc872 Deuteranopia 1% of men
#fec1cf Tritanopia 0.001% of the population

Trichromacy

#eccf6c Protanomaly 1% of men, 0.01% of women
#fbc96e Deuteranomaly 6% of men, 0.4% of women
#fbc4a9 Tritanomaly 0.01% of the population

#f5ca66 hex color

#f5ca66 Color Information

#f5ca66 Color Conversion

Color Schemes with #f5ca66

Alternatives to #f5ca66

#f5ca66 Preview

Shades and Tints of #f5ca66

Tones of #f5ca66

Color Blindness Simulator