#fecc56 Color Information
In a RGB color space, hex #fecc56 is composed of 99.6% red, 80% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 66.1% yellow and 0.4% black. It has a hue angle of 42.1 degrees, a saturation of 98.8% and a lightness of 66.7%. #fecc56 color hex could be obtained by blending #ffffac with #fd9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 34
-
- C 0
- M 20
- Y 66
- K 0
● #fecc56 color description : Soft orange.
#fecc56 Color Conversion
The hexadecimal color #fecc56 has RGB values of R:254, G:204, B:86 and CMYK values of C:0, M:0.2, Y:0.66, K:0. Its decimal value is 16698454.
Hex triplet | fecc56 | #fecc56 |
---|---|---|
RGB Decimal | 254, 204, 86 | rgb(254,204,86) |
RGB Percent | 99.6, 80, 33.7 | rgb(99.6%,80%,33.7%) |
CMYK | 0, 20, 66, 0 | |
HSL | 42.1°, 98.8, 66.7 | hsl(42.1,98.8%,66.7%) |
HSV (or HSB) | 42.1°, 66.1, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.448, 5.612, 63.506 |
---|---|
XYZ | 64.146, 64.931, 17.958 |
xyY | 0.436, 0.442, 64.931 |
CIE-LCH | 84.448, 63.754, 84.95 |
CIE-LUV | 84.448, 40.763, 73.353 |
Hunter-Lab | 80.58, 1.082, 43.193 |
Binary | 11111110, 11001100, 01010110 |
Color Schemes with #fecc56
Alternatives to #fecc56
Below, you can see some colors close to #fecc56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc56 Preview
This text has a font color of #fecc56.
<span style="color:#fecc56;">Text here</span>
This paragraph has a background color of #fecc56.
<p style="background-color:#fecc56;">Content here</p>
This element has a border color of #fecc56.
<div style="border:1px solid #fecc56;">Content here</div>
.text {color:#fecc56;}
.background {background-color:#fecc56;}
.border {border:1px solid #fecc56;}
Shades and Tints of #fecc56
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, #060500 is the darkest color, while #fffbf2 is the lightest one.
-
#060500
#060500
rgb(6,5,0)
-
#1a1200
#1a1200
rgb(26,18,0)
-
#2e2000
#2e2000
rgb(46,32,0)
-
#412e00
#412e00
rgb(65,46,0)
-
#553b00
#553b00
rgb(85,59,0)
-
#684901
#684901
rgb(104,73,1)
-
#7c5701
#7c5701
rgb(124,87,1)
-
#8f6501
#8f6501
rgb(143,101,1)
-
#a37201
#a37201
rgb(163,114,1)
-
#b68001
#b68001
rgb(182,128,1)
-
#ca8e01
#ca8e01
rgb(202,142,1)
-
#dd9c01
#dd9c01
rgb(221,156,1)
-
#f1a901
#f1a901
rgb(241,169,1)
-
#feb408
#feb408
rgb(254,180,8)
-
#feba1c
#feba1c
rgb(254,186,28)
-
#fec02f
#fec02f
rgb(254,192,47)
-
#fec643
#fec643
rgb(254,198,67)
-
#fecc56
#fecc56
rgb(254,204,86)
-
#fed26a
#fed26a
rgb(254,210,106)
-
#fed87d
#fed87d
rgb(254,216,125)
-
#fede91
#fede91
rgb(254,222,145)
-
#fee4a4
#fee4a4
rgb(254,228,164)
-
#ffe9b8
#ffe9b8
rgb(255,233,184)
-
#ffefcb
#ffefcb
rgb(255,239,203)
-
#fff5df
#fff5df
rgb(255,245,223)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #fecc56
A tone is produced by adding gray to any pure hue. In this case, #b0aca4 is the less saturated color, while #fecc56 is the most saturated one.
-
#b0aca4
#b0aca4
rgb(176,172,164)
-
#b6af9e
#b6af9e
rgb(182,175,158)
-
#bdb297
#bdb297
rgb(189,178,151)
-
#c3b491
#c3b491
rgb(195,180,145)
-
#cab78a
#cab78a
rgb(202,183,138)
-
#d0b984
#d0b984
rgb(208,185,132)
-
#d7bc7d
#d7bc7d
rgb(215,188,125)
-
#ddbf77
#ddbf77
rgb(221,191,119)
-
#e4c170
#e4c170
rgb(228,193,112)
-
#eac46a
#eac46a
rgb(234,196,106)
-
#f1c763
#f1c763
rgb(241,199,99)
-
#f7c95d
#f7c95d
rgb(247,201,93)
-
#fecc56
#fecc56
rgb(254,204,86)
Color Blindness Simulator
Below, you can see how #fecc56 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.