#fecc55 hex color

In a RGB color space, hex #fecc55 is composed of 99.6% red, 80% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 66.5% yellow and 0.4% black. It has a hue angle of 42.2 degrees, a saturation of 98.8% and a lightness of 66.5%. #fecc55 color hex could be obtained by blending #ffffaa with #fd9900. Closest websafe color is: #ffcc66.

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

● #fecc55 color description : Soft orange.

The hexadecimal color #fecc55 has RGB values of R:254, G:204, B:85 and CMYK values of C:0, M:0.2, Y:0.67, K:0. Its decimal value is 16698453.

Hex triplet	fecc55	`#fecc55`
RGB Decimal	254, 204, 85	`rgb(254,204,85)`
RGB Percent	99.6, 80, 33.3	`rgb(99.6%,80%,33.3%)`
CMYK	0, 20, 67, 0
HSL	42.2°, 98.8, 66.5	`hsl(42.2,98.8%,66.5%)`
HSV (or HSB)	42.2°, 66.5, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.44, 5.557, 63.923
XYZ	64.106, 64.915, 17.747
xyY	0.437, 0.442, 64.915
CIE-LCH	84.44, 64.164, 85.032
CIE-LUV	84.44, 40.814, 73.692
Hunter-Lab	80.57, 1.028, 43.339
Binary	11111110, 11001100, 01010101

#fecc55
```
#fecc55 rgb(254,204,85)
```
#5587fe
```
#5587fe rgb(85,135,254)
```

Complementary Color

#fe7855
```
#fe7855 rgb(254,120,85)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#dcfe55
```
#dcfe55 rgb(220,254,85)
```

Analogous Color

#7855fe
```
#7855fe rgb(120,85,254)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#55dcfe
```
#55dcfe rgb(85,220,254)
```

Split Complementary Color

#cc55fe
```
#cc55fe rgb(204,85,254)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#55fecc
```
#55fecc rgb(85,254,204)
```

Triadic Color

#fe5587
```
#fe5587 rgb(254,85,135)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#55fecc
```
#55fecc rgb(85,254,204)
```
#5587fe
```
#5587fe rgb(85,135,254)
```

Tetradic Color

#feb509
```
#feb509 rgb(254,181,9)
```
#febd22
```
#febd22 rgb(254,189,34)
```
#fec43c
```
#fec43c rgb(254,196,60)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#fed46e
```
#fed46e rgb(254,212,110)
```
#fedb88
```
#fedb88 rgb(254,219,136)
```
#fee3a1
```
#fee3a1 rgb(254,227,161)
```

Monochromatic Color

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

#fea255
```
#fea255 rgb(254,162,85)
```
#feb055
```
#feb055 rgb(254,176,85)
```
#febe55
```
#febe55 rgb(254,190,85)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#feda55
```
#feda55 rgb(254,218,85)
```
#fee855
```
#fee855 rgb(254,232,85)
```
#fef655
```
#fef655 rgb(254,246,85)
```

Similar Colors

Text with hexadecimal color #fecc55

This text has a font color of #fecc55.

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

#fecc55 background color

This paragraph has a background color of #fecc55.

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

#fecc55 border color

This element has a border color of #fecc55.

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

CSS codes

.text {color:#fecc55;}

.background {background-color:#fecc55;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191200
```
#191200 rgb(25,18,0)
```
#2d1f00
```
#2d1f00 rgb(45,31,0)
```
#402d00
```
#402d00 rgb(64,45,0)
```
#543b00
```
#543b00 rgb(84,59,0)
```
#674901
```
#674901 rgb(103,73,1)
```
#7b5601
```
#7b5601 rgb(123,86,1)
```
#8e6401
```
#8e6401 rgb(142,100,1)
```
#a27201
```
#a27201 rgb(162,114,1)
```
#b58001
```
#b58001 rgb(181,128,1)
```
#c98e01
```
#c98e01 rgb(201,142,1)
```
#dc9b01
```
#dc9b01 rgb(220,155,1)
```
#f0a901
```
#f0a901 rgb(240,169,1)
```

Shade Color Variation

#feb507
```
#feb507 rgb(254,181,7)
```
#feba1a
```
#feba1a rgb(254,186,26)
```
#fec02e
```
#fec02e rgb(254,192,46)
```
#fec641
```
#fec641 rgb(254,198,65)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```
#fed269
```
#fed269 rgb(254,210,105)
```
#fed87c
```
#fed87c rgb(254,216,124)
```
#fede90
```
#fede90 rgb(254,222,144)
```
#fee3a3
```
#fee3a3 rgb(254,227,163)
```
#ffe9b7
```
#ffe9b7 rgb(255,233,183)
```
#ffefca
```
#ffefca rgb(255,239,202)
```
#fff5de
```
#fff5de rgb(255,245,222)
```
#fffbf1
```
#fffbf1 rgb(255,251,241)
```

Tint Color Variation

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

#afaca4
```
#afaca4 rgb(175,172,164)
```
#b6ae9d
```
#b6ae9d rgb(182,174,157)
```
#bcb197
```
#bcb197 rgb(188,177,151)
```
#c3b490
```
#c3b490 rgb(195,180,144)
```
#c9b78a
```
#c9b78a rgb(201,183,138)
```
#d0b983
```
#d0b983 rgb(208,185,131)
```
#d7bc7c
```
#d7bc7c rgb(215,188,124)
```
#ddbf76
```
#ddbf76 rgb(221,191,118)
```
#e4c16f
```
#e4c16f rgb(228,193,111)
```
#eac469
```
#eac469 rgb(234,196,105)
```
#f1c762
```
#f1c762 rgb(241,199,98)
```
#f7c95c
```
#f7c95c rgb(247,201,92)
```
#fecc55
```
#fecc55 rgb(254,204,85)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7cdb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd55f Protanopia 1% of men
#ffcc7e Deuteranopia 1% of men
#ffc6d1 Tritanopia 0.001% of the population

Trichromacy

#f2d15b Protanomaly 1% of men, 0.01% of women
#fecc6f Deuteranomaly 6% of men, 0.4% of women
#fec8a4 Tritanomaly 0.01% of the population

#fecc55 hex color

#fecc55 Color Information

#fecc55 Color Conversion

Color Schemes with #fecc55

Alternatives to #fecc55

#fecc55 Preview

Shades and Tints of #fecc55

Tones of #fecc55

Color Blindness Simulator