#fecc6a hex color

In a RGB color space, hex #fecc6a is composed of 99.6% red, 80% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 58.3% yellow and 0.4% black. It has a hue angle of 39.7 degrees, a saturation of 98.7% and a lightness of 70.6%. #fecc6a color hex could be obtained by blending #ffffd4 with #fd9900. Closest websafe color is: #ffcc66.

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

● #fecc6a color description : Soft orange.

The hexadecimal color #fecc6a has RGB values of R:254, G:204, B:106 and CMYK values of C:0, M:0.2, Y:0.58, K:0. Its decimal value is 16698474.

Hex triplet	fecc6a	`#fecc6a`
RGB Decimal	254, 204, 106	`rgb(254,204,106)`
RGB Percent	99.6, 80, 41.6	`rgb(99.6%,80%,41.6%)`
CMYK	0, 20, 58, 0
HSL	39.7°, 98.7, 70.6	`hsl(39.7,98.7%,70.6%)`
HSV (or HSB)	39.7°, 58.3, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.638, 6.885, 54.728
XYZ	65.068, 65.3, 22.812
xyY	0.425, 0.426, 65.3
CIE-LCH	84.638, 55.16, 82.83
CIE-LUV	84.638, 39.618, 65.681
Hunter-Lab	80.808, 2.316, 39.829
Binary	11111110, 11001100, 01101010

#fecc6a
```
#fecc6a rgb(254,204,106)
```
#6a9cfe
```
#6a9cfe rgb(106,156,254)
```

Complementary Color

#fe826a
```
#fe826a rgb(254,130,106)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#e6fe6a
```
#e6fe6a rgb(230,254,106)
```

Analogous Color

#826afe
```
#826afe rgb(130,106,254)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#6ae6fe
```
#6ae6fe rgb(106,230,254)
```

Split Complementary Color

#cc6afe
```
#cc6afe rgb(204,106,254)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#6afecc
```
#6afecc rgb(106,254,204)
```

Triadic Color

#fe6a9c
```
#fe6a9c rgb(254,106,156)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#6afecc
```
#6afecc rgb(106,254,204)
```
#6a9cfe
```
#6a9cfe rgb(106,156,254)
```

Tetradic Color

#fdb21e
```
#fdb21e rgb(253,178,30)
```
#febb37
```
#febb37 rgb(254,187,55)
```
#fec351
```
#fec351 rgb(254,195,81)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#fed583
```
#fed583 rgb(254,213,131)
```
#fedd9d
```
#fedd9d rgb(254,221,157)
```
#ffe6b6
```
#ffe6b6 rgb(255,230,182)
```

Monochromatic Color

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

#fea76a
```
#fea76a rgb(254,167,106)
```
#feb36a
```
#feb36a rgb(254,179,106)
```
#fec06a
```
#fec06a rgb(254,192,106)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#fee56a
```
#fee56a rgb(254,229,106)
```
#fef16a
```
#fef16a rgb(254,241,106)
```

Similar Colors

Text with hexadecimal color #fecc6a

This text has a font color of #fecc6a.

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

#fecc6a background color

This paragraph has a background color of #fecc6a.

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

#fecc6a border color

This element has a border color of #fecc6a.

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

CSS codes

.text {color:#fecc6a;}

.background {background-color:#fecc6a;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1200
```
#1a1200 rgb(26,18,0)
```
#2e1e00
```
#2e1e00 rgb(46,30,0)
```
#412b00
```
#412b00 rgb(65,43,0)
```
#553801
```
#553801 rgb(85,56,1)
```
#684501
```
#684501 rgb(104,69,1)
```
#7c5201
```
#7c5201 rgb(124,82,1)
```
#8f5f01
```
#8f5f01 rgb(143,95,1)
```
#a36c01
```
#a36c01 rgb(163,108,1)
```
#b67901
```
#b67901 rgb(182,121,1)
```
#ca8601
```
#ca8601 rgb(202,134,1)
```
#dd9301
```
#dd9301 rgb(221,147,1)
```
#f1a002
```
#f1a002 rgb(241,160,2)
```

Shade Color Variation

#fdab09
```
#fdab09 rgb(253,171,9)
```
#fdb11c
```
#fdb11c rgb(253,177,28)
```
#feb830
```
#feb830 rgb(254,184,48)
```
#febf43
```
#febf43 rgb(254,191,67)
```
#fec557
```
#fec557 rgb(254,197,87)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#fed37d
```
#fed37d rgb(254,211,125)
```
#fed991
```
#fed991 rgb(254,217,145)
```
#fee0a4
```
#fee0a4 rgb(254,224,164)
```
#ffe7b8
```
#ffe7b8 rgb(255,231,184)
```
#ffedcb
```
#ffedcb rgb(255,237,203)
```
#fff4df
```
#fff4df rgb(255,244,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,242)
```

Tint Color Variation

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

#b9b6af
```
#b9b6af rgb(185,182,175)
```
#bfb7a9
```
#bfb7a9 rgb(191,183,169)
```
#c4b9a4
```
#c4b9a4 rgb(196,185,164)
```
#cabb9e
```
#cabb9e rgb(202,187,158)
```
#d0bd98
```
#d0bd98 rgb(208,189,152)
```
#d6bf92
```
#d6bf92 rgb(214,191,146)
```
#dbc18d
```
#dbc18d rgb(219,193,141)
```
#e1c387
```
#e1c387 rgb(225,195,135)
```
#e7c581
```
#e7c581 rgb(231,197,129)
```
#edc67b
```
#edc67b rgb(237,198,123)
```
#f2c876
```
#f2c876 rgb(242,200,118)
```
#f8ca70
```
#f8ca70 rgb(248,202,112)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```

Tone Color Variation

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

#ead574 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
#fecc7b Deuteranomaly 6% of men, 0.4% of women
#fec8ac Tritanomaly 0.01% of the population

#fecc6a hex color

#fecc6a Color Information

#fecc6a Color Conversion

Color Schemes with #fecc6a

Alternatives to #fecc6a

#fecc6a Preview

Shades and Tints of #fecc6a

Tones of #fecc6a

Color Blindness Simulator