#fcc56a hex color

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

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

● #fcc56a color description : Soft orange.

The hexadecimal color #fcc56a has RGB values of R:252, G:197, B:106 and CMYK values of C:0, M:0.22, Y:0.58, K:0.01. Its decimal value is 16565610.

Hex triplet	fcc56a	`#fcc56a`
RGB Decimal	252, 197, 106	`rgb(252,197,106)`
RGB Percent	98.8, 77.3, 41.6	`rgb(98.8%,77.3%,41.6%)`
CMYK	0, 22, 58, 1
HSL	37.4°, 96.1, 70.2	`hsl(37.4,96.1%,70.2%)`
HSV (or HSB)	37.4°, 57.9, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.738, 9.692, 52.462
XYZ	62.713, 61.671, 22.236
xyY	0.428, 0.421, 61.671
CIE-LCH	82.738, 53.35, 79.533
CIE-LUV	82.738, 43.078, 62.411
Hunter-Lab	78.531, 5.117, 38.184
Binary	11111100, 11000101, 01101010

#fcc56a
```
#fcc56a rgb(252,197,106)
```
#6aa1fc
```
#6aa1fc rgb(106,161,252)
```

Complementary Color

#fc7c6a
```
#fc7c6a rgb(252,124,106)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#eafc6a
```
#eafc6a rgb(234,252,106)
```

Analogous Color

#7c6afc
```
#7c6afc rgb(124,106,252)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#6aeafc
```
#6aeafc rgb(106,234,252)
```

Split Complementary Color

#c56afc
```
#c56afc rgb(197,106,252)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#6afcc5
```
#6afcc5 rgb(106,252,197)
```

Triadic Color

#fc6aa1
```
#fc6aa1 rgb(252,106,161)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#6afcc5
```
#6afcc5 rgb(106,252,197)
```
#6aa1fc
```
#6aa1fc rgb(106,161,252)
```

Tetradic Color

#faa81f
```
#faa81f rgb(250,168,31)
```
#fbb238
```
#fbb238 rgb(251,178,56)
```
#fbbb51
```
#fbbb51 rgb(251,187,81)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#fdcf83
```
#fdcf83 rgb(253,207,131)
```
#fdd89c
```
#fdd89c rgb(253,216,156)
```
#fee2b5
```
#fee2b5 rgb(254,226,181)
```

Monochromatic Color

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

#fca16a
```
#fca16a rgb(252,161,106)
```
#fcad6a
```
#fcad6a rgb(252,173,106)
```
#fcb96a
```
#fcb96a rgb(252,185,106)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#fcd16a
```
#fcd16a rgb(252,209,106)
```
#fcdd6a
```
#fcdd6a rgb(252,221,106)
```
#fcea6a
```
#fcea6a rgb(252,234,106)
```

Similar Colors

Text with hexadecimal color #fcc56a

This text has a font color of #fcc56a.

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

#fcc56a background color

This paragraph has a background color of #fcc56a.

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

#fcc56a border color

This element has a border color of #fcc56a.

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

CSS codes

.text {color:#fcc56a;}

.background {background-color:#fcc56a;}

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

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 #fff9f1 is the lightest one.

#050300
```
#050300 rgb(5,3,0)
```
#180f00
```
#180f00 rgb(24,15,0)
```
#2b1b01
```
#2b1b01 rgb(43,27,1)
```
#3f2701
```
#3f2701 rgb(63,39,1)
```
#523402
```
#523402 rgb(82,52,2)
```
#654002
```
#654002 rgb(101,64,2)
```
#784c02
```
#784c02 rgb(120,76,2)
```
#8b5803
```
#8b5803 rgb(139,88,3)
```
#9f6403
```
#9f6403 rgb(159,100,3)
```
#b27004
```
#b27004 rgb(178,112,4)
```
#c57c04
```
#c57c04 rgb(197,124,4)
```
#d88804
```
#d88804 rgb(216,136,4)
```
#ec9505
```
#ec9505 rgb(236,149,5)
```

Shade Color Variation

#faa00a
```
#faa00a rgb(250,160,10)
```
#faa71d
```
#faa71d rgb(250,167,29)
```
#fbaf30
```
#fbaf30 rgb(251,175,48)
```
#fbb644
```
#fbb644 rgb(251,182,68)
```
#fcbe57
```
#fcbe57 rgb(252,190,87)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```
#fccc7d
```
#fccc7d rgb(252,204,125)
```
#fdd490
```
#fdd490 rgb(253,212,144)
```
#fddba4
```
#fddba4 rgb(253,219,164)
```
#fee3b7
```
#fee3b7 rgb(254,227,183)
```
#feeaca
```
#feeaca rgb(254,234,202)
```
#fef2dd
```
#fef2dd rgb(254,242,221)
```
#fff9f1
```
#fff9f1 rgb(255,249,241)
```

Tint Color Variation

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

#b6b4b0
```
#b6b4b0 rgb(182,180,176)
```
#bcb5aa
```
#bcb5aa rgb(188,181,170)
```
#c2b7a4
```
#c2b7a4 rgb(194,183,164)
```
#c7b89f
```
#c7b89f rgb(199,184,159)
```
#cdb999
```
#cdb999 rgb(205,185,153)
```
#d3bb93
```
#d3bb93 rgb(211,187,147)
```
#d9bc8d
```
#d9bc8d rgb(217,188,141)
```
#dfbe87
```
#dfbe87 rgb(223,190,135)
```
#e5bf81
```
#e5bf81 rgb(229,191,129)
```
#eac17c
```
#eac17c rgb(234,193,124)
```
#f0c276
```
#f0c276 rgb(240,194,118)
```
#f6c470
```
#f6c470 rgb(246,196,112)
```
#fcc56a
```
#fcc56a rgb(252,197,106)
```

Tone Color Variation

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

Dichromacy

#e4d074 Protanopia 1% of men
#fdc771 Deuteranopia 1% of men
#ffc0cb Tritanopia 0.001% of the population

Trichromacy

#edcc70 Protanomaly 1% of men, 0.01% of women
#fdc66f Deuteranomaly 6% of men, 0.4% of women
#fdc1a8 Tritanomaly 0.01% of the population

#fcc56a hex color

#fcc56a Color Information

#fcc56a Color Conversion

Color Schemes with #fcc56a

Alternatives to #fcc56a

#fcc56a Preview

Shades and Tints of #fcc56a

Tones of #fcc56a

Color Blindness Simulator