#fecc61 Color Information
In a RGB color space, hex #fecc61 is composed of 99.6% red, 80% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 61.8% yellow and 0.4% black. It has a hue angle of 40.9 degrees, a saturation of 98.7% and a lightness of 68.8%. #fecc61 color hex could be obtained by blending #ffffc2 with #fd9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 38
-
- C 0
- M 20
- Y 62
- K 0
● #fecc61 color description : Soft orange.
#fecc61 Color Conversion
The hexadecimal color #fecc61 has RGB values of R:254, G:204, B:97 and CMYK values of C:0, M:0.2, Y:0.62, K:0. Its decimal value is 16698465.
Hex triplet | fecc61 | #fecc61 |
---|---|---|
RGB Decimal | 254, 204, 97 | rgb(254,204,97) |
RGB Percent | 99.6, 80, 38 | rgb(99.6%,80%,38%) |
CMYK | 0, 20, 62, 0 | |
HSL | 40.9°, 98.7, 68.8 | hsl(40.9,98.7%,68.8%) |
HSV (or HSB) | 40.9°, 61.8, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.547, 6.274, 58.775 |
---|---|
XYZ | 64.624, 65.122, 20.475 |
xyY | 0.43, 0.434, 65.122 |
CIE-LCH | 84.547, 59.109, 83.907 |
CIE-LUV | 84.547, 40.164, 69.343 |
Hunter-Lab | 80.698, 1.722, 41.446 |
Binary | 11111110, 11001100, 01100001 |
Color Schemes with #fecc61
Alternatives to #fecc61
Below, you can see some colors close to #fecc61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc61 Preview
This text has a font color of #fecc61.
<span style="color:#fecc61;">Text here</span>
This paragraph has a background color of #fecc61.
<p style="background-color:#fecc61;">Content here</p>
This element has a border color of #fecc61.
<div style="border:1px solid #fecc61;">Content here</div>
.text {color:#fecc61;}
.background {background-color:#fecc61;}
.border {border:1px solid #fecc61;}
Shades and Tints of #fecc61
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, #110c00 is the darkest color, while #fffefd is the lightest one.
-
#110c00
#110c00
rgb(17,12,0)
-
#251900
#251900
rgb(37,25,0)
-
#382700
#382700
rgb(56,39,0)
-
#4c3400
#4c3400
rgb(76,52,0)
-
#5f4101
#5f4101
rgb(95,65,1)
-
#734f01
#734f01
rgb(115,79,1)
-
#865c01
#865c01
rgb(134,92,1)
-
#9a6901
#9a6901
rgb(154,105,1)
-
#ad7701
#ad7701
rgb(173,119,1)
-
#c18401
#c18401
rgb(193,132,1)
-
#d49101
#d49101
rgb(212,145,1)
-
#e89e01
#e89e01
rgb(232,158,1)
-
#fbac02
#fbac02
rgb(251,172,2)
-
#feb313
#feb313
rgb(254,179,19)
-
#feb927
#feb927
rgb(254,185,39)
-
#febf3a
#febf3a
rgb(254,191,58)
-
#fec64e
#fec64e
rgb(254,198,78)
-
#fecc61
#fecc61
rgb(254,204,97)
-
#fed274
#fed274
rgb(254,210,116)
-
#fed988
#fed988
rgb(254,217,136)
-
#fedf9b
#fedf9b
rgb(254,223,155)
-
#fee5af
#fee5af
rgb(254,229,175)
-
#ffebc2
#ffebc2
rgb(255,235,194)
-
#fff2d6
#fff2d6
rgb(255,242,214)
-
#fff8e9
#fff8e9
rgb(255,248,233)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #fecc61
A tone is produced by adding gray to any pure hue. In this case, #b5b1aa is the less saturated color, while #fecc61 is the most saturated one.
-
#b5b1aa
#b5b1aa
rgb(181,177,170)
-
#bbb4a4
#bbb4a4
rgb(187,180,164)
-
#c1b69e
#c1b69e
rgb(193,182,158)
-
#c7b898
#c7b898
rgb(199,184,152)
-
#cdba92
#cdba92
rgb(205,186,146)
-
#d3bc8c
#d3bc8c
rgb(211,188,140)
-
#d9bf86
#d9bf86
rgb(217,191,134)
-
#dfc180
#dfc180
rgb(223,193,128)
-
#e6c379
#e6c379
rgb(230,195,121)
-
#ecc573
#ecc573
rgb(236,197,115)
-
#f2c86d
#f2c86d
rgb(242,200,109)
-
#f8ca67
#f8ca67
rgb(248,202,103)
-
#fecc61
#fecc61
rgb(254,204,97)
Color Blindness Simulator
Below, you can see how #fecc61 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.