#fca86a hex color

In a RGB color space, hex #fca86a is composed of 98.8% red, 65.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 57.9% yellow and 1.2% black. It has a hue angle of 25.5 degrees, a saturation of 96.1% and a lightness of 70.2%. #fca86a color hex could be obtained by blending #ffffd4 with #f95100. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 99
- G 66
- B 42
RGB color chart
- C 0
- M 33
- Y 58
- K 1
CMYK color chart

● #fca86a color description : Soft orange.

The hexadecimal color #fca86a has RGB values of R:252, G:168, B:106 and CMYK values of C:0, M:0.33, Y:0.58, K:0.01. Its decimal value is 16558186.

Hex triplet	fca86a	`#fca86a`
RGB Decimal	252, 168, 106	`rgb(252,168,106)`
RGB Percent	98.8, 65.9, 41.6	`rgb(98.8%,65.9%,41.6%)`
CMYK	0, 33, 58, 1
HSL	25.5°, 96.1, 70.2	`hsl(25.5,96.1%,70.2%)`
HSV (or HSB)	25.5°, 57.9, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.912, 24.855, 44.313
XYZ	56.75, 49.745, 20.248
xyY	0.448, 0.392, 49.745
CIE-LCH	75.912, 50.808, 60.712
CIE-LUV	75.912, 64.139, 49.382
Hunter-Lab	70.53, 20.197, 32.35
Binary	11111100, 10101000, 01101010

#fca86a
```
#fca86a rgb(252,168,106)
```
#6abefc
```
#6abefc rgb(106,190,252)
```

Complementary Color

#fc6a75
```
#fc6a75 rgb(252,106,117)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#fcf16a
```
#fcf16a rgb(252,241,106)
```

Analogous Color

#6a75fc
```
#6a75fc rgb(106,117,252)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#6afcf1
```
#6afcf1 rgb(106,252,241)
```

Split Complementary Color

#a86afc
```
#a86afc rgb(168,106,252)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#6afca8
```
#6afca8 rgb(106,252,168)
```

Triadic Color

#fc6abe
```
#fc6abe rgb(252,106,190)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#6afca8
```
#6afca8 rgb(106,252,168)
```
#6abefc
```
#6abefc rgb(106,190,252)
```

Tetradic Color

#fa7c1f
```
#fa7c1f rgb(250,124,31)
```
#fb8b38
```
#fb8b38 rgb(251,139,56)
```
#fb9951
```
#fb9951 rgb(251,153,81)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#fdb783
```
#fdb783 rgb(253,183,131)
```
#fdc59c
```
#fdc59c rgb(253,197,156)
```
#fed4b5
```
#fed4b5 rgb(254,212,181)
```

Monochromatic Color

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

#fc846a
```
#fc846a rgb(252,132,106)
```
#fc906a
```
#fc906a rgb(252,144,106)
```
#fc9c6a
```
#fc9c6a rgb(252,156,106)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#fcb46a
```
#fcb46a rgb(252,180,106)
```
#fcc06a
```
#fcc06a rgb(252,192,106)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```

Similar Colors

Text with hexadecimal color #fca86a

This text has a font color of #fca86a.

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

#fca86a background color

This paragraph has a background color of #fca86a.

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

#fca86a border color

This element has a border color of #fca86a.

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

CSS codes

.text {color:#fca86a;}

.background {background-color:#fca86a;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#180a00
```
#180a00 rgb(24,10,0)
```
#2b1301
```
#2b1301 rgb(43,19,1)
```
#3f1b01
```
#3f1b01 rgb(63,27,1)
```
#522402
```
#522402 rgb(82,36,2)
```
#652c02
```
#652c02 rgb(101,44,2)
```
#783402
```
#783402 rgb(120,52,2)
```
#8b3d03
```
#8b3d03 rgb(139,61,3)
```
#9f4503
```
#9f4503 rgb(159,69,3)
```
#b24e04
```
#b24e04 rgb(178,78,4)
```
#c55604
```
#c55604 rgb(197,86,4)
```
#d85e04
```
#d85e04 rgb(216,94,4)
```
#ec6705
```
#ec6705 rgb(236,103,5)
```

Shade Color Variation

#fa700a
```
#fa700a rgb(250,112,10)
```
#fa7b1d
```
#fa7b1d rgb(250,123,29)
```
#fb8630
```
#fb8630 rgb(251,134,48)
```
#fb9244
```
#fb9244 rgb(251,146,68)
```
#fc9d57
```
#fc9d57 rgb(252,157,87)
```
#fca86a
```
#fca86a rgb(252,168,106)
```
#fcb37d
```
#fcb37d rgb(252,179,125)
```
#fdbe90
```
#fdbe90 rgb(253,190,144)
```
#fdcaa4
```
#fdcaa4 rgb(253,202,164)
```
#fed5b7
```
#fed5b7 rgb(254,213,183)
```
#fee0ca
```
#fee0ca rgb(254,224,202)
```
#feebdd
```
#feebdd rgb(254,235,221)
```
#fff7f1
```
#fff7f1 rgb(255,247,241)
```

Tint Color Variation

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

#b6b3b0
```
#b6b3b0 rgb(182,179,176)
```
#bcb2aa
```
#bcb2aa rgb(188,178,170)
```
#c2b1a4
```
#c2b1a4 rgb(194,177,164)
```
#c7b09f
```
#c7b09f rgb(199,176,159)
```
#cdaf99
```
#cdaf99 rgb(205,175,153)
```
#d3ae93
```
#d3ae93 rgb(211,174,147)
```
#d9ad8d
```
#d9ad8d rgb(217,173,141)
```
#dfac87
```
#dfac87 rgb(223,172,135)
```
#e5ac81
```
#e5ac81 rgb(229,172,129)
```
#eaab7c
```
#eaab7c rgb(234,171,124)
```
#f0aa76
```
#f0aa76 rgb(240,170,118)
```
#f6a970
```
#f6a970 rgb(246,169,112)
```
#fca86a
```
#fca86a rgb(252,168,106)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c7b6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbe78 Protanopia 1% of men
#e6b66e Deuteranopia 1% of men
#ffa5b0 Tritanopia 0.001% of the population

Trichromacy

#dfb672 Protanomaly 1% of men, 0.01% of women
#eeb16d Deuteranomaly 6% of men, 0.4% of women
#fda696 Tritanomaly 0.01% of the population

#fca86a hex color

#fca86a Color Information

#fca86a Color Conversion

Color Schemes with #fca86a

Alternatives to #fca86a

#fca86a Preview

Shades and Tints of #fca86a

Tones of #fca86a

Color Blindness Simulator