#fcb86a hex color

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

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

● #fcb86a color description : Soft orange.

The hexadecimal color #fcb86a has RGB values of R:252, G:184, B:106 and CMYK values of C:0, M:0.27, Y:0.58, K:0.01. Its decimal value is 16562282.

Hex triplet	fcb86a	`#fcb86a`
RGB Decimal	252, 184, 106	`rgb(252,184,106)`
RGB Percent	98.8, 72.2, 41.6	`rgb(98.8%,72.2%,41.6%)`
CMYK	0, 27, 58, 1
HSL	32.1°, 96.1, 70.2	`hsl(32.1,96.1%,70.2%)`
HSV (or HSB)	32.1°, 57.9, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.625, 16.472, 48.782
XYZ	59.888, 56.02, 21.294
xyY	0.436, 0.408, 56.02
CIE-LCH	79.625, 51.488, 71.342
CIE-LUV	79.625, 52.417, 56.554
Hunter-Lab	74.847, 11.843, 35.525
Binary	11111100, 10111000, 01101010

#fcb86a
```
#fcb86a rgb(252,184,106)
```
#6aaefc
```
#6aaefc rgb(106,174,252)
```

Complementary Color

#fc6f6a
```
#fc6f6a rgb(252,111,106)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#f7fc6a
```
#f7fc6a rgb(247,252,106)
```

Analogous Color

#6f6afc
```
#6f6afc rgb(111,106,252)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#6af7fc
```
#6af7fc rgb(106,247,252)
```

Split Complementary Color

#b86afc
```
#b86afc rgb(184,106,252)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#6afcb8
```
#6afcb8 rgb(106,252,184)
```

Triadic Color

#fc6aae
```
#fc6aae rgb(252,106,174)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#6afcb8
```
#6afcb8 rgb(106,252,184)
```
#6aaefc
```
#6aaefc rgb(106,174,252)
```

Tetradic Color

#fa941f
```
#fa941f rgb(250,148,31)
```
#fba038
```
#fba038 rgb(251,160,56)
```
#fbac51
```
#fbac51 rgb(251,172,81)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#fdc483
```
#fdc483 rgb(253,196,131)
```
#fdd09c
```
#fdd09c rgb(253,208,156)
```
#fedcb5
```
#fedcb5 rgb(254,220,181)
```

Monochromatic Color

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

#fc946a
```
#fc946a rgb(252,148,106)
```
#fca06a
```
#fca06a rgb(252,160,106)
```
#fcac6a
```
#fcac6a rgb(252,172,106)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#fcc46a
```
#fcc46a rgb(252,196,106)
```
#fcd06a
```
#fcd06a rgb(252,208,106)
```
#fcdd6a
```
#fcdd6a rgb(252,221,106)
```

Similar Colors

Text with hexadecimal color #fcb86a

This text has a font color of #fcb86a.

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

#fcb86a background color

This paragraph has a background color of #fcb86a.

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

#fcb86a border color

This element has a border color of #fcb86a.

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

CSS codes

.text {color:#fcb86a;}

.background {background-color:#fcb86a;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#180d00
```
#180d00 rgb(24,13,0)
```
#2b1801
```
#2b1801 rgb(43,24,1)
```
#3f2201
```
#3f2201 rgb(63,34,1)
```
#522c02
```
#522c02 rgb(82,44,2)
```
#653702
```
#653702 rgb(101,55,2)
```
#784102
```
#784102 rgb(120,65,2)
```
#8b4c03
```
#8b4c03 rgb(139,76,3)
```
#9f5603
```
#9f5603 rgb(159,86,3)
```
#b26104
```
#b26104 rgb(178,97,4)
```
#c56b04
```
#c56b04 rgb(197,107,4)
```
#d87604
```
#d87604 rgb(216,118,4)
```
#ec8005
```
#ec8005 rgb(236,128,5)
```

Shade Color Variation

#fa8a0a
```
#fa8a0a rgb(250,138,10)
```
#fa931d
```
#fa931d rgb(250,147,29)
```
#fb9d30
```
#fb9d30 rgb(251,157,48)
```
#fba644
```
#fba644 rgb(251,166,68)
```
#fcaf57
```
#fcaf57 rgb(252,175,87)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```
#fcc17d
```
#fcc17d rgb(252,193,125)
```
#fdca90
```
#fdca90 rgb(253,202,144)
```
#fdd3a4
```
#fdd3a4 rgb(253,211,164)
```
#feddb7
```
#feddb7 rgb(254,221,183)
```
#fee6ca
```
#fee6ca rgb(254,230,202)
```
#feefdd
```
#feefdd rgb(254,239,221)
```
#fff8f1
```
#fff8f1 rgb(255,248,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 #fcb86a is the most saturated one.

#b6b3b0
```
#b6b3b0 rgb(182,179,176)
```
#bcb4aa
```
#bcb4aa rgb(188,180,170)
```
#c2b4a4
```
#c2b4a4 rgb(194,180,164)
```
#c7b49f
```
#c7b49f rgb(199,180,159)
```
#cdb599
```
#cdb599 rgb(205,181,153)
```
#d3b593
```
#d3b593 rgb(211,181,147)
```
#d9b68d
```
#d9b68d rgb(217,182,141)
```
#dfb687
```
#dfb687 rgb(223,182,135)
```
#e5b681
```
#e5b681 rgb(229,182,129)
```
#eab77c
```
#eab77c rgb(234,183,124)
```
#f0b776
```
#f0b776 rgb(240,183,118)
```
#f6b870
```
#f6b870 rgb(246,184,112)
```
#fcb86a
```
#fcb86a rgb(252,184,106)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cec1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc875 Protanopia 1% of men
#f3bf70 Deuteranopia 1% of men
#ffb4bf Tritanopia 0.001% of the population

Trichromacy

#e7c271 Protanomaly 1% of men, 0.01% of women
#f6bc6e Deuteranomaly 6% of men, 0.4% of women
#fdb5a0 Tritanomaly 0.01% of the population

#fcb86a hex color

#fcb86a Color Information

#fcb86a Color Conversion

Color Schemes with #fcb86a

Alternatives to #fcb86a

#fcb86a Preview

Shades and Tints of #fcb86a

Tones of #fcb86a

Color Blindness Simulator