#fccc6a hex color

In a RGB color space, hex #fccc6a is composed of 98.8% red, 80% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 57.9% yellow and 1.2% black. It has a hue angle of 40.3 degrees, a saturation of 96.1% and a lightness of 70.2%. #fccc6a color hex could be obtained by blending #ffffd4 with #f99900. 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

● #fccc6a color description : Soft orange.

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

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

CIE-LAB	84.445, 6.068, 54.454
XYZ	64.34, 64.924, 22.778
xyY	0.423, 0.427, 64.924
CIE-LCH	84.445, 54.792, 83.642
CIE-LUV	84.445, 38.137, 65.564
Hunter-Lab	80.576, 1.525, 39.643
Binary	11111100, 11001100, 01101010

#fccc6a
```
#fccc6a rgb(252,204,106)
```
#6a9afc
```
#6a9afc rgb(106,154,252)
```

Complementary Color

#fc836a
```
#fc836a rgb(252,131,106)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#e3fc6a
```
#e3fc6a rgb(227,252,106)
```

Analogous Color

#836afc
```
#836afc rgb(131,106,252)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#6ae3fc
```
#6ae3fc rgb(106,227,252)
```

Split Complementary Color

#cc6afc
```
#cc6afc rgb(204,106,252)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#6afccc
```
#6afccc rgb(106,252,204)
```

Triadic Color

#fc6a9a
```
#fc6a9a rgb(252,106,154)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#6afccc
```
#6afccc rgb(106,252,204)
```
#6a9afc
```
#6a9afc rgb(106,154,252)
```

Tetradic Color

#fab21f
```
#fab21f rgb(250,178,31)
```
#fbbb38
```
#fbbb38 rgb(251,187,56)
```
#fbc351
```
#fbc351 rgb(251,195,81)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#fdd583
```
#fdd583 rgb(253,213,131)
```
#fddd9c
```
#fddd9c rgb(253,221,156)
```
#fee6b5
```
#fee6b5 rgb(254,230,181)
```

Monochromatic Color

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

#fca86a
```
#fca86a rgb(252,168,106)
```
#fcb46a
```
#fcb46a rgb(252,180,106)
```
#fcc06a
```
#fcc06a rgb(252,192,106)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#fcd86a
```
#fcd86a rgb(252,216,106)
```
#fce46a
```
#fce46a rgb(252,228,106)
```
#fcf16a
```
#fcf16a rgb(252,241,106)
```

Similar Colors

Text with hexadecimal color #fccc6a

This text has a font color of #fccc6a.

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

#fccc6a background color

This paragraph has a background color of #fccc6a.

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

#fccc6a border color

This element has a border color of #fccc6a.

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

CSS codes

.text {color:#fccc6a;}

.background {background-color:#fccc6a;}

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

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)
```
#2b1d01
```
#2b1d01 rgb(43,29,1)
```
#3f2a01
```
#3f2a01 rgb(63,42,1)
```
#523702
```
#523702 rgb(82,55,2)
```
#654402
```
#654402 rgb(101,68,2)
```
#785102
```
#785102 rgb(120,81,2)
```
#8b5f03
```
#8b5f03 rgb(139,95,3)
```
#9f6c03
```
#9f6c03 rgb(159,108,3)
```
#b27904
```
#b27904 rgb(178,121,4)
```
#c58604
```
#c58604 rgb(197,134,4)
```
#d89304
```
#d89304 rgb(216,147,4)
```
#eca005
```
#eca005 rgb(236,160,5)
```

Shade Color Variation

#faab0a
```
#faab0a rgb(250,171,10)
```
#fab21d
```
#fab21d rgb(250,178,29)
```
#fbb830
```
#fbb830 rgb(251,184,48)
```
#fbbf44
```
#fbbf44 rgb(251,191,68)
```
#fcc557
```
#fcc557 rgb(252,197,87)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```
#fcd37d
```
#fcd37d rgb(252,211,125)
```
#fdd990
```
#fdd990 rgb(253,217,144)
```
#fde0a4
```
#fde0a4 rgb(253,224,164)
```
#fee6b7
```
#fee6b7 rgb(254,230,183)
```
#feedca
```
#feedca rgb(254,237,202)
```
#fef3dd
```
#fef3dd rgb(254,243,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 #fccc6a 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)
```
#d9c08d
```
#d9c08d rgb(217,192,141)
```
#dfc287
```
#dfc287 rgb(223,194,135)
```
#e5c481
```
#e5c481 rgb(229,196,129)
```
#eac67c
```
#eac67c rgb(234,198,124)
```
#f0c876
```
#f0c876 rgb(240,200,118)
```
#f6ca70
```
#f6ca70 rgb(246,202,112)
```
#fccc6a
```
#fccc6a rgb(252,204,106)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d8cebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead573 Protanopia 1% of men
#ffcc82 Deuteranopia 1% of men
#ffc6d1 Tritanopia 0.001% of the population

Trichromacy

#f0d170 Protanomaly 1% of men, 0.01% of women
#fdcc79 Deuteranomaly 6% of men, 0.4% of women
#fdc8ac Tritanomaly 0.01% of the population

#fccc6a hex color

#fccc6a Color Information

#fccc6a Color Conversion

Color Schemes with #fccc6a

Alternatives to #fccc6a

#fccc6a Preview

Shades and Tints of #fccc6a

Tones of #fccc6a

Color Blindness Simulator