#fccd6a hex color

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

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

● #fccd6a color description : Soft orange.

The hexadecimal color #fccd6a has RGB values of R:252, G:205, B:106 and CMYK values of C:0, M:0.19, Y:0.58, K:0.01. Its decimal value is 16567658.

Hex triplet	fccd6a	`#fccd6a`
RGB Decimal	252, 205, 106	`rgb(252,205,106)`
RGB Percent	98.8, 80.4, 41.6	`rgb(98.8%,80.4%,41.6%)`
CMYK	0, 19, 58, 1
HSL	40.7°, 96.1, 70.2	`hsl(40.7,96.1%,70.2%)`
HSV (or HSB)	40.7°, 57.9, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.69, 5.552, 54.74
XYZ	64.578, 65.401, 22.857
xyY	0.423, 0.428, 65.401
CIE-LCH	84.69, 55.02, 84.209
CIE-LUV	84.69, 37.437, 66.015
Hunter-Lab	80.871, 1.014, 39.852
Binary	11111100, 11001101, 01101010

#fccd6a
```
#fccd6a rgb(252,205,106)
```
#6a99fc
```
#6a99fc rgb(106,153,252)
```

Complementary Color

#fc846a
```
#fc846a rgb(252,132,106)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#e2fc6a
```
#e2fc6a rgb(226,252,106)
```

Analogous Color

#846afc
```
#846afc rgb(132,106,252)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#6ae2fc
```
#6ae2fc rgb(106,226,252)
```

Split Complementary Color

#cd6afc
```
#cd6afc rgb(205,106,252)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#6afccd
```
#6afccd rgb(106,252,205)
```

Triadic Color

#fc6a99
```
#fc6a99 rgb(252,106,153)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#6afccd
```
#6afccd rgb(106,252,205)
```
#6a99fc
```
#6a99fc rgb(106,153,252)
```

Tetradic Color

#fab41f
```
#fab41f rgb(250,180,31)
```
#fbbc38
```
#fbbc38 rgb(251,188,56)
```
#fbc551
```
#fbc551 rgb(251,197,81)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#fdd583
```
#fdd583 rgb(253,213,131)
```
#fdde9c
```
#fdde9c rgb(253,222,156)
```
#fee6b5
```
#fee6b5 rgb(254,230,181)
```

Monochromatic Color

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

#fca96a
```
#fca96a rgb(252,169,106)
```
#fcb56a
```
#fcb56a rgb(252,181,106)
```
#fcc16a
```
#fcc16a rgb(252,193,106)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#fcd96a
```
#fcd96a rgb(252,217,106)
```
#fce56a
```
#fce56a rgb(252,229,106)
```
#fcf26a
```
#fcf26a rgb(252,242,106)
```

Similar Colors

Text with hexadecimal color #fccd6a

This text has a font color of #fccd6a.

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

#fccd6a background color

This paragraph has a background color of #fccd6a.

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

#fccd6a border color

This element has a border color of #fccd6a.

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

CSS codes

.text {color:#fccd6a;}

.background {background-color:#fccd6a;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#181000
```
#181000 rgb(24,16,0)
```
#2b1e01
```
#2b1e01 rgb(43,30,1)
```
#3f2b01
```
#3f2b01 rgb(63,43,1)
```
#523802
```
#523802 rgb(82,56,2)
```
#654502
```
#654502 rgb(101,69,2)
```
#785202
```
#785202 rgb(120,82,2)
```
#8b5f03
```
#8b5f03 rgb(139,95,3)
```
#9f6d03
```
#9f6d03 rgb(159,109,3)
```
#b27a04
```
#b27a04 rgb(178,122,4)
```
#c58704
```
#c58704 rgb(197,135,4)
```
#d89404
```
#d89404 rgb(216,148,4)
```
#eca105
```
#eca105 rgb(236,161,5)
```

Shade Color Variation

#faad0a
```
#faad0a rgb(250,173,10)
```
#fab31d
```
#fab31d rgb(250,179,29)
```
#fbba30
```
#fbba30 rgb(251,186,48)
```
#fbc044
```
#fbc044 rgb(251,192,68)
```
#fcc757
```
#fcc757 rgb(252,199,87)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```
#fcd37d
```
#fcd37d rgb(252,211,125)
```
#fdda90
```
#fdda90 rgb(253,218,144)
```
#fde0a4
```
#fde0a4 rgb(253,224,164)
```
#fee7b7
```
#fee7b7 rgb(254,231,183)
```
#feedca
```
#feedca rgb(254,237,202)
```
#fef4dd
```
#fef4dd rgb(254,244,221)
```
#fffaf1
```
#fffaf1 rgb(255,250,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 #fccd6a is the most saturated one.

#b6b4b0
```
#b6b4b0 rgb(182,180,176)
```
#bcb6aa
```
#bcb6aa rgb(188,182,170)
```
#c2b8a4
```
#c2b8a4 rgb(194,184,164)
```
#c7ba9f
```
#c7ba9f rgb(199,186,159)
```
#cdbc99
```
#cdbc99 rgb(205,188,153)
```
#d3be93
```
#d3be93 rgb(211,190,147)
```
#d9c18d
```
#d9c18d rgb(217,193,141)
```
#dfc387
```
#dfc387 rgb(223,195,135)
```
#e5c581
```
#e5c581 rgb(229,197,129)
```
#eac77c
```
#eac77c rgb(234,199,124)
```
#f0c976
```
#f0c976 rgb(240,201,118)
```
#f6cb70
```
#f6cb70 rgb(246,203,112)
```
#fccd6a
```
#fccd6a rgb(252,205,106)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9cfbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead573 Protanopia 1% of men
#ffcd85 Deuteranopia 1% of men
#ffc7d2 Tritanopia 0.001% of the population

Trichromacy

#f1d270 Protanomaly 1% of men, 0.01% of women
#fdcd7b Deuteranomaly 6% of men, 0.4% of women
#fdc9ac Tritanomaly 0.01% of the population

#fccd6a hex color

#fccd6a Color Information

#fccd6a Color Conversion

Color Schemes with #fccd6a

Alternatives to #fccd6a

#fccd6a Preview

Shades and Tints of #fccd6a

Tones of #fccd6a

Color Blindness Simulator