#fcd86c hex color

In a RGB color space, hex #fcd86c is composed of 98.8% red, 84.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 57.1% yellow and 1.2% black. It has a hue angle of 45 degrees, a saturation of 96% and a lightness of 70.6%. #fcd86c color hex could be obtained by blending #ffffd8 with #f9b100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 85
- B 42
RGB color chart
- C 0
- M 14
- Y 57
- K 1
CMYK color chart

● #fcd86c color description : Soft orange.

The hexadecimal color #fcd86c has RGB values of R:252, G:216, B:108 and CMYK values of C:0, M:0.14, Y:0.57, K:0.01. Its decimal value is 16570476.

Hex triplet	fcd86c	`#fcd86c`
RGB Decimal	252, 216, 108	`rgb(252,216,108)`
RGB Percent	98.8, 84.7, 42.4	`rgb(98.8%,84.7%,42.4%)`
CMYK	0, 14, 57, 1
HSL	45°, 96, 70.6	`hsl(45,96%,70.6%)`
HSV (or HSB)	45°, 57.1, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.433, 0.059, 56.985
XYZ	67.408, 70.892, 24.32
xyY	0.415, 0.436, 70.892
CIE-LCH	87.433, 56.985, 89.94
CIE-LUV	87.433, 29.726, 70.129
Hunter-Lab	84.198, -4.44, 41.813
Binary	11111100, 11011000, 01101100

#fcd86c
```
#fcd86c rgb(252,216,108)
```
#6c90fc
```
#6c90fc rgb(108,144,252)
```

Complementary Color

#fc906c
```
#fc906c rgb(252,144,108)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#d8fc6c
```
#d8fc6c rgb(216,252,108)
```

Analogous Color

#906cfc
```
#906cfc rgb(144,108,252)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#6cd8fc
```
#6cd8fc rgb(108,216,252)
```

Split Complementary Color

#d86cfc
```
#d86cfc rgb(216,108,252)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#6cfcd8
```
#6cfcd8 rgb(108,252,216)
```

Triadic Color

#fc6c90
```
#fc6c90 rgb(252,108,144)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#6cfcd8
```
#6cfcd8 rgb(108,252,216)
```
#6c90fc
```
#6c90fc rgb(108,144,252)
```

Tetradic Color

#fac421
```
#fac421 rgb(250,196,33)
```
#fbcb3a
```
#fbcb3a rgb(251,203,58)
```
#fbd153
```
#fbd153 rgb(251,209,83)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#fddf85
```
#fddf85 rgb(253,223,133)
```
#fde59e
```
#fde59e rgb(253,229,158)
```
#feecb7
```
#feecb7 rgb(254,236,183)
```

Monochromatic Color

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

#fcb46c
```
#fcb46c rgb(252,180,108)
```
#fcc06c
```
#fcc06c rgb(252,192,108)
```
#fccc6c
```
#fccc6c rgb(252,204,108)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#fce46c
```
#fce46c rgb(252,228,108)
```
#fcf06c
```
#fcf06c rgb(252,240,108)
```
#fcfc6c
```
#fcfc6c rgb(252,252,108)
```

Similar Colors

Text with hexadecimal color #fcd86c

This text has a font color of #fcd86c.

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

#fcd86c background color

This paragraph has a background color of #fcd86c.

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

#fcd86c border color

This element has a border color of #fcd86c.

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

CSS codes

.text {color:#fcd86c;}

.background {background-color:#fcd86c;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1401
```
#1a1401 rgb(26,20,1)
```
#2d2201
```
#2d2201 rgb(45,34,1)
```
#403101
```
#403101 rgb(64,49,1)
```
#543f02
```
#543f02 rgb(84,63,2)
```
#674e02
```
#674e02 rgb(103,78,2)
```
#7a5c02
```
#7a5c02 rgb(122,92,2)
```
#8d6b03
```
#8d6b03 rgb(141,107,3)
```
#a17903
```
#a17903 rgb(161,121,3)
```
#b48804
```
#b48804 rgb(180,136,4)
```
#c79604
```
#c79604 rgb(199,150,4)
```
#daa504
```
#daa504 rgb(218,165,4)
```
#edb305
```
#edb305 rgb(237,179,5)
```

Shade Color Variation

#fabf0c
```
#fabf0c rgb(250,191,12)
```
#fac41f
```
#fac41f rgb(250,196,31)
```
#fbc932
```
#fbc932 rgb(251,201,50)
```
#fbce46
```
#fbce46 rgb(251,206,70)
```
#fcd359
```
#fcd359 rgb(252,211,89)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#fcdd7f
```
#fcdd7f rgb(252,221,127)
```
#fde292
```
#fde292 rgb(253,226,146)
```
#fde7a6
```
#fde7a6 rgb(253,231,166)
```
#feecb9
```
#feecb9 rgb(254,236,185)
```
#fef2cc
```
#fef2cc rgb(254,242,204)
```
#fef7df
```
#fef7df rgb(254,247,223)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#b7b5b1
```
#b7b5b1 rgb(183,181,177)
```
#bdb8ab
```
#bdb8ab rgb(189,184,171)
```
#c2bba6
```
#c2bba6 rgb(194,187,166)
```
#c8bea0
```
#c8bea0 rgb(200,190,160)
```
#cec19a
```
#cec19a rgb(206,193,154)
```
#d4c494
```
#d4c494 rgb(212,196,148)
```
#d9c78f
```
#d9c78f rgb(217,199,143)
```
#dfca89
```
#dfca89 rgb(223,202,137)
```
#e5cc83
```
#e5cc83 rgb(229,204,131)
```
#ebcf7d
```
#ebcf7d rgb(235,207,125)
```
#f0d278
```
#f0d278 rgb(240,210,120)
```
#f6d572
```
#f6d572 rgb(246,213,114)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#ded6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3dd74 Protanopia 1% of men
#ffd6a2 Deuteranopia 1% of men
#ffd1dc Tritanopia 0.001% of the population

Trichromacy

#f6db71 Protanomaly 1% of men, 0.01% of women
#fdd78e Deuteranomaly 6% of men, 0.4% of women
#fdd3b3 Tritanomaly 0.01% of the population

#fcd86c hex color

#fcd86c Color Information

#fcd86c Color Conversion

Color Schemes with #fcd86c

Alternatives to #fcd86c

#fcd86c Preview

Shades and Tints of #fcd86c

Tones of #fcd86c

Color Blindness Simulator