colorhexa.com

#f4ca60 hex color

In a RGB color space, hex #f4ca60 is composed of 95.7% red, 79.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.2% magenta, 60.7% yellow and 4.3% black. It has a hue angle of 43 degrees, a saturation of 87.1% and a lightness of 66.7%. #f4ca60 color hex could be obtained by blending #ffffc0 with #e99500. Closest websafe color is: #ffcc66.

- R 96
- G 79
- B 38
RGB color chart
- C 0
- M 17
- Y 61
- K 4
CMYK color chart

● #f4ca60 color description : Soft orange.

The hexadecimal color #f4ca60 has RGB values of R:244, G:202, B:96 and CMYK values of C:0, M:0.17, Y:0.61, K:0.04. Its decimal value is 16042592.

Hex triplet	f4ca60	`#f4ca60`
RGB Decimal	244, 202, 96	`rgb(244,202,96)`
RGB Percent	95.7, 79.2, 37.6	`rgb(95.7%,79.2%,37.6%)`
CMYK	0, 17, 61, 4
HSL	43°, 87.1, 66.7	`hsl(43,87.1%,66.7%)`
HSV (or HSB)	43°, 60.7, 95.7
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.084, 3.117, 57.323
XYZ	60.541, 62.321, 19.906
xyY	0.424, 0.437, 62.321
CIE-LCH	83.084, 57.408, 86.888
CIE-LUV	83.084, 34.219, 68.343
Hunter-Lab	78.944, -1.263, 40.31
Binary	11110100, 11001010, 01100000

#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#608af4
```
#608af4 rgb(96,138,244)
```

Complementary Color

#f48060
```
#f48060 rgb(244,128,96)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#d4f460
```
#d4f460 rgb(212,244,96)
```

Analogous Color

#8060f4
```
#8060f4 rgb(128,96,244)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#60d4f4
```
#60d4f4 rgb(96,212,244)
```

Split Complementary Color

#ca60f4
```
#ca60f4 rgb(202,96,244)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#60f4ca
```
#60f4ca rgb(96,244,202)
```

Triadic Color

#f4608a
```
#f4608a rgb(244,96,138)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#60f4ca
```
#60f4ca rgb(96,244,202)
```
#608af4
```
#608af4 rgb(96,138,244)
```

Tetradic Color

#efb218
```
#efb218 rgb(239,178,24)
```
#f1ba30
```
#f1ba30 rgb(241,186,48)
```
#f2c248
```
#f2c248 rgb(242,194,72)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#f6d278
```
#f6d278 rgb(246,210,120)
```
#f7da90
```
#f7da90 rgb(247,218,144)
```
#f9e2a8
```
#f9e2a8 rgb(249,226,168)
```

Monochromatic Color

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

#f4a560
```
#f4a560 rgb(244,165,96)
```
#f4b160
```
#f4b160 rgb(244,177,96)
```
#f4be60
```
#f4be60 rgb(244,190,96)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#f4d660
```
#f4d660 rgb(244,214,96)
```
#f4e360
```
#f4e360 rgb(244,227,96)
```
#f4ef60
```
#f4ef60 rgb(244,239,96)
```

Similar Colors

Text with hexadecimal color #f4ca60

This text has a font color of #f4ca60.

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

#f4ca60 background color

This paragraph has a background color of #f4ca60.

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

#f4ca60 border color

This element has a border color of #f4ca60.

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

CSS codes

.text {color:#f4ca60;}

.background {background-color:#f4ca60;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#181202
```
#181202 rgb(24,18,2)
```
#2b2003
```
#2b2003 rgb(43,32,3)
```
#3d2d04
```
#3d2d04 rgb(61,45,4)
```
#503a05
```
#503a05 rgb(80,58,5)
```
#624807
```
#624807 rgb(98,72,7)
```
#745508
```
#745508 rgb(116,85,8)
```
#876309
```
#876309 rgb(135,99,9)
```
#99710b
```
#99710b rgb(153,113,11)
```
#ab7e0c
```
#ab7e0c rgb(171,126,12)
```
#be8c0d
```
#be8c0d rgb(190,140,13)
```
#d0990e
```
#d0990e rgb(208,153,14)
```
#e2a710
```
#e2a710 rgb(226,167,16)
```

Shade Color Variation

#efb217
```
#efb217 rgb(239,178,23)
```
#f0b829
```
#f0b829 rgb(240,184,41)
```
#f1be3b
```
#f1be3b rgb(241,190,59)
```
#f3c44e
```
#f3c44e rgb(243,196,78)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#f5d072
```
#f5d072 rgb(245,208,114)
```
#f7d685
```
#f7d685 rgb(247,214,133)
```
#f8dc97
```
#f8dc97 rgb(248,220,151)
```
#f9e2a9
```
#f9e2a9 rgb(249,226,169)
```
#fae9bc
```
#fae9bc rgb(250,233,188)
```
#fcefce
```
#fcefce rgb(252,239,206)
```
#fdf5e0
```
#fdf5e0 rgb(253,245,224)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#acaba8
```
#acaba8 rgb(172,171,168)
```
#b3aea1
```
#b3aea1 rgb(179,174,161)
```
#b9b19b
```
#b9b19b rgb(185,177,155)
```
#c0b394
```
#c0b394 rgb(192,179,148)
```
#c6b68e
```
#c6b68e rgb(198,182,142)
```
#cdb987
```
#cdb987 rgb(205,185,135)
```
#d3bc81
```
#d3bc81 rgb(211,188,129)
```
#dabf7a
```
#dabf7a rgb(218,191,122)
```
#e0c274
```
#e0c274 rgb(224,194,116)
```
#e7c46d
```
#e7c46d rgb(231,196,109)
```
#edc767
```
#edc767 rgb(237,199,103)
```
#f4ca60
```
#f4ca60 rgb(244,202,96)
```
#fbcd59
```
#fbcd59 rgb(251,205,89)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d2cab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ebce66 Protanomaly 1% of men, 0.01% of women
#fbc869 Deuteranomaly 6% of men, 0.4% of women
#fac4a6 Tritanomaly 0.01% of the population