#fecc57 Color Information
In a RGB color space, hex #fecc57 is composed of 99.6% red, 80% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 65.7% yellow and 0.4% black. It has a hue angle of 42 degrees, a saturation of 98.8% and a lightness of 66.9%. #fecc57 color hex could be obtained by blending #ffffae with #fd9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 34
-
- C 0
- M 20
- Y 66
- K 0
● #fecc57 color description : Soft orange.
#fecc57 Color Conversion
The hexadecimal color #fecc57 has RGB values of R:254, G:204, B:87 and CMYK values of C:0, M:0.2, Y:0.66, K:0. Its decimal value is 16698455.
Hex triplet | fecc57 | #fecc57 |
---|---|---|
RGB Decimal | 254, 204, 87 | rgb(254,204,87) |
RGB Percent | 99.6, 80, 34.1 | rgb(99.6%,80%,34.1%) |
CMYK | 0, 20, 66, 0 | |
HSL | 42°, 98.8, 66.9 | hsl(42,98.8%,66.9%) |
HSV (or HSB) | 42°, 65.7, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.457, 5.669, 63.087 |
---|---|
XYZ | 64.187, 64.948, 18.172 |
xyY | 0.436, 0.441, 64.948 |
CIE-LCH | 84.457, 63.342, 84.866 |
CIE-LUV | 84.457, 40.712, 73.01 |
Hunter-Lab | 80.59, 1.136, 43.044 |
Binary | 11111110, 11001100, 01010111 |
Color Schemes with #fecc57
Alternatives to #fecc57
Below, you can see some colors close to #fecc57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc57 Preview
This text has a font color of #fecc57.
<span style="color:#fecc57;">Text here</span>
This paragraph has a background color of #fecc57.
<p style="background-color:#fecc57;">Content here</p>
This element has a border color of #fecc57.
<div style="border:1px solid #fecc57;">Content here</div>
.text {color:#fecc57;}
.background {background-color:#fecc57;}
.border {border:1px solid #fecc57;}
Shades and Tints of #fecc57
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 #fffbf3 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1b1300
#1b1300
rgb(27,19,0)
-
#2e2100
#2e2100
rgb(46,33,0)
-
#422e00
#422e00
rgb(66,46,0)
-
#553c01
#553c01
rgb(85,60,1)
-
#694a01
#694a01
rgb(105,74,1)
-
#7c5701
#7c5701
rgb(124,87,1)
-
#906501
#906501
rgb(144,101,1)
-
#a37301
#a37301
rgb(163,115,1)
-
#b78101
#b78101
rgb(183,129,1)
-
#ca8e01
#ca8e01
rgb(202,142,1)
-
#de9c01
#de9c01
rgb(222,156,1)
-
#f1aa01
#f1aa01
rgb(241,170,1)
-
#feb409
#feb409
rgb(254,180,9)
-
#feba1d
#feba1d
rgb(254,186,29)
-
#fec030
#fec030
rgb(254,192,48)
-
#fec644
#fec644
rgb(254,198,68)
-
#fecc57
#fecc57
rgb(254,204,87)
-
#fed26a
#fed26a
rgb(254,210,106)
-
#fed87e
#fed87e
rgb(254,216,126)
-
#fede91
#fede91
rgb(254,222,145)
-
#fee4a5
#fee4a5
rgb(254,228,165)
-
#ffeab8
#ffeab8
rgb(255,234,184)
-
#fff0cc
#fff0cc
rgb(255,240,204)
-
#fff5df
#fff5df
rgb(255,245,223)
-
#fffbf3
#fffbf3
rgb(255,251,243)
Tones of #fecc57
A tone is produced by adding gray to any pure hue. In this case, #b0ada5 is the less saturated color, while #fecc57 is the most saturated one.
-
#b0ada5
#b0ada5
rgb(176,173,165)
-
#b7af9f
#b7af9f
rgb(183,175,159)
-
#bdb298
#bdb298
rgb(189,178,152)
-
#c4b592
#c4b592
rgb(196,181,146)
-
#cab78b
#cab78b
rgb(202,183,139)
-
#d1ba85
#d1ba85
rgb(209,186,133)
-
#d7bc7e
#d7bc7e
rgb(215,188,126)
-
#debf78
#debf78
rgb(222,191,120)
-
#e4c271
#e4c271
rgb(228,194,113)
-
#ebc46b
#ebc46b
rgb(235,196,107)
-
#f1c764
#f1c764
rgb(241,199,100)
-
#f8c95e
#f8c95e
rgb(248,201,94)
-
#fecc57
#fecc57
rgb(254,204,87)
Color Blindness Simulator
Below, you can see how #fecc57 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.