#fec56f Color Information
In a RGB color space, hex #fec56f is composed of 99.6% red, 77.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 56.3% yellow and 0.4% black. It has a hue angle of 36.1 degrees, a saturation of 98.6% and a lightness of 71.6%. #fec56f color hex could be obtained by blending #ffffde with #fd8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 44
-
- C 0
- M 22
- Y 56
- K 0
● #fec56f color description : Soft orange.
#fec56f Color Conversion
The hexadecimal color #fec56f has RGB values of R:254, G:197, B:111 and CMYK values of C:0, M:0.22, Y:0.56, K:0. Its decimal value is 16696687.
Hex triplet | fec56f | #fec56f |
---|---|---|
RGB Decimal | 254, 197, 111 | rgb(254,197,111) |
RGB Percent | 99.6, 77.3, 43.5 | rgb(99.6%,77.3%,43.5%) |
CMYK | 0, 22, 56, 0 | |
HSL | 36.1°, 98.6, 71.6 | hsl(36.1,98.6%,71.6%) |
HSV (or HSB) | 36.1°, 56.3, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.995, 10.877, 50.409 |
---|---|
XYZ | 63.709, 62.154, 23.679 |
xyY | 0.426, 0.416, 62.154 |
CIE-LCH | 82.995, 51.569, 77.824 |
CIE-LUV | 82.995, 44.217, 60.308 |
Hunter-Lab | 78.838, 6.28, 37.378 |
Binary | 11111110, 11000101, 01101111 |
Color Schemes with #fec56f
Alternatives to #fec56f
Below, you can see some colors close to #fec56f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec56f Preview
This text has a font color of #fec56f.
<span style="color:#fec56f;">Text here</span>
This paragraph has a background color of #fec56f.
<p style="background-color:#fec56f;">Content here</p>
This element has a border color of #fec56f.
<div style="border:1px solid #fec56f;">Content here</div>
.text {color:#fec56f;}
.background {background-color:#fec56f;}
.border {border:1px solid #fec56f;}
Shades and Tints of #fec56f
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, #0c0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#1f1300
#1f1300
rgb(31,19,0)
-
#331f00
#331f00
rgb(51,31,0)
-
#462a00
#462a00
rgb(70,42,0)
-
#5a3601
#5a3601
rgb(90,54,1)
-
#6d4201
#6d4201
rgb(109,66,1)
-
#814e01
#814e01
rgb(129,78,1)
-
#945a01
#945a01
rgb(148,90,1)
-
#a86501
#a86501
rgb(168,101,1)
-
#bb7101
#bb7101
rgb(187,113,1)
-
#cf7d01
#cf7d01
rgb(207,125,1)
-
#e28902
#e28902
rgb(226,137,2)
-
#f69402
#f69402
rgb(246,148,2)
-
#fd9e0e
#fd9e0e
rgb(253,158,14)
-
#fda621
#fda621
rgb(253,166,33)
-
#fead35
#fead35
rgb(254,173,53)
-
#feb548
#feb548
rgb(254,181,72)
-
#febd5c
#febd5c
rgb(254,189,92)
-
#fec56f
#fec56f
rgb(254,197,111)
-
#fecd82
#fecd82
rgb(254,205,130)
-
#fed596
#fed596
rgb(254,213,150)
-
#fedda9
#fedda9
rgb(254,221,169)
-
#ffe4bd
#ffe4bd
rgb(255,228,189)
-
#ffecd0
#ffecd0
rgb(255,236,208)
-
#fff4e4
#fff4e4
rgb(255,244,228)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #fec56f
A tone is produced by adding gray to any pure hue. In this case, #bbb7b2 is the less saturated color, while #fec56f is the most saturated one.
-
#bbb7b2
#bbb7b2
rgb(187,183,178)
-
#c1b9ac
#c1b9ac
rgb(193,185,172)
-
#c6baa7
#c6baa7
rgb(198,186,167)
-
#ccbba1
#ccbba1
rgb(204,187,161)
-
#d1bc9c
#d1bc9c
rgb(209,188,156)
-
#d7bd96
#d7bd96
rgb(215,189,150)
-
#ddbe90
#ddbe90
rgb(221,190,144)
-
#e2bf8b
#e2bf8b
rgb(226,191,139)
-
#e8c085
#e8c085
rgb(232,192,133)
-
#edc280
#edc280
rgb(237,194,128)
-
#f3c37a
#f3c37a
rgb(243,195,122)
-
#f8c475
#f8c475
rgb(248,196,117)
-
#fec56f
#fec56f
rgb(254,197,111)
Color Blindness Simulator
Below, you can see how #fec56f 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.