#feca57 Color Information
In a RGB color space, hex #feca57 is composed of 99.6% red, 79.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.5% magenta, 65.7% yellow and 0.4% black. It has a hue angle of 41.3 degrees, a saturation of 98.8% and a lightness of 66.9%. #feca57 color hex could be obtained by blending #ffffae with #fd9500. Closest websafe color is: #ffcc66.
-
- R 100
- G 79
- B 34
-
- C 0
- M 20
- Y 66
- K 0
● #feca57 color description : Soft orange.
#feca57 Color Conversion
The hexadecimal color #feca57 has RGB values of R:254, G:202, B:87 and CMYK values of C:0, M:0.2, Y:0.66, K:0. Its decimal value is 16697943.
Hex triplet | feca57 | #feca57 |
---|---|---|
RGB Decimal | 254, 202, 87 | rgb(254,202,87) |
RGB Percent | 99.6, 79.2, 34.1 | rgb(99.6%,79.2%,34.1%) |
CMYK | 0, 20, 66, 0 | |
HSL | 41.3°, 98.8, 66.9 | hsl(41.3,98.8%,66.9%) |
HSV (or HSB) | 41.3°, 65.7, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.967, 6.699, 62.563 |
---|---|
XYZ | 63.715, 64.003, 18.014 |
xyY | 0.437, 0.439, 64.003 |
CIE-LCH | 83.967, 62.92, 83.888 |
CIE-LUV | 83.967, 42.159, 72.163 |
Hunter-Lab | 80.002, 2.157, 42.651 |
Binary | 11111110, 11001010, 01010111 |
Color Schemes with #feca57
Alternatives to #feca57
Below, you can see some colors close to #feca57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#feca57 Preview
This text has a font color of #feca57.
<span style="color:#feca57;">Text here</span>
This paragraph has a background color of #feca57.
<p style="background-color:#feca57;">Content here</p>
This element has a border color of #feca57.
<div style="border:1px solid #feca57;">Content here</div>
.text {color:#feca57;}
.background {background-color:#feca57;}
.border {border:1px solid #feca57;}
Shades and Tints of #feca57
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)
-
#2e2000
#2e2000
rgb(46,32,0)
-
#422e00
#422e00
rgb(66,46,0)
-
#553b01
#553b01
rgb(85,59,1)
-
#694801
#694801
rgb(105,72,1)
-
#7c5601
#7c5601
rgb(124,86,1)
-
#906301
#906301
rgb(144,99,1)
-
#a37101
#a37101
rgb(163,113,1)
-
#b77e01
#b77e01
rgb(183,126,1)
-
#ca8c01
#ca8c01
rgb(202,140,1)
-
#de9901
#de9901
rgb(222,153,1)
-
#f1a701
#f1a701
rgb(241,167,1)
-
#feb109
#feb109
rgb(254,177,9)
-
#feb81d
#feb81d
rgb(254,184,29)
-
#febe30
#febe30
rgb(254,190,48)
-
#fec444
#fec444
rgb(254,196,68)
-
#feca57
#feca57
rgb(254,202,87)
-
#fed06a
#fed06a
rgb(254,208,106)
-
#fed67e
#fed67e
rgb(254,214,126)
-
#fedc91
#fedc91
rgb(254,220,145)
-
#fee3a5
#fee3a5
rgb(254,227,165)
-
#ffe9b8
#ffe9b8
rgb(255,233,184)
-
#ffefcc
#ffefcc
rgb(255,239,204)
-
#fff5df
#fff5df
rgb(255,245,223)
-
#fffbf3
#fffbf3
rgb(255,251,243)
Tones of #feca57
A tone is produced by adding gray to any pure hue. In this case, #b0ada5 is the less saturated color, while #feca57 is the most saturated one.
-
#b0ada5
#b0ada5
rgb(176,173,165)
-
#b7af9f
#b7af9f
rgb(183,175,159)
-
#bdb198
#bdb198
rgb(189,177,152)
-
#c4b492
#c4b492
rgb(196,180,146)
-
#cab68b
#cab68b
rgb(202,182,139)
-
#d1b985
#d1b985
rgb(209,185,133)
-
#d7bb7e
#d7bb7e
rgb(215,187,126)
-
#debe78
#debe78
rgb(222,190,120)
-
#e4c071
#e4c071
rgb(228,192,113)
-
#ebc36b
#ebc36b
rgb(235,195,107)
-
#f1c564
#f1c564
rgb(241,197,100)
-
#f8c85e
#f8c85e
rgb(248,200,94)
-
#feca57
#feca57
rgb(254,202,87)
Color Blindness Simulator
Below, you can see how #feca57 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.