#fece56 Color Information
In a RGB color space, hex #fece56 is composed of 99.6% red, 80.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.9% magenta, 66.1% yellow and 0.4% black. It has a hue angle of 42.9 degrees, a saturation of 98.8% and a lightness of 66.7%. #fece56 color hex could be obtained by blending #ffffac with #fd9d00. Closest websafe color is: #ffcc66.
-
- R 100
- G 81
- B 34
-
- C 0
- M 19
- Y 66
- K 0
● #fece56 color description : Soft orange.
#fece56 Color Conversion
The hexadecimal color #fece56 has RGB values of R:254, G:206, B:86 and CMYK values of C:0, M:0.19, Y:0.66, K:0. Its decimal value is 16698966.
| Hex triplet | fece56 | #fece56 |
|---|---|---|
| RGB Decimal | 254, 206, 86 | rgb(254,206,86) |
| RGB Percent | 99.6, 80.8, 33.7 | rgb(99.6%,80.8%,33.7%) |
| CMYK | 0, 19, 66, 0 | |
| HSL | 42.9°, 98.8, 66.7 | hsl(42.9,98.8%,66.7%) |
| HSV (or HSB) | 42.9°, 66.1, 99.6 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 84.939, 4.583, 64.029 |
|---|---|
| XYZ | 64.625, 65.888, 18.117 |
| xyY | 0.435, 0.443, 65.888 |
| CIE-LCH | 84.939, 64.193, 85.906 |
| CIE-LUV | 84.939, 39.321, 74.197 |
| Hunter-Lab | 81.172, 0.063, 43.587 |
| Binary | 11111110, 11001110, 01010110 |
Color Schemes with #fece56
Alternatives to #fece56
Below, you can see some colors close to #fece56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fece56 Preview
This text has a font color of #fece56.
<span style="color:#fece56;">Text here</span>
This paragraph has a background color of #fece56.
<p style="background-color:#fece56;">Content here</p>
This element has a border color of #fece56.
<div style="border:1px solid #fece56;">Content here</div>
.text {color:#fece56;}
.background {background-color:#fece56;}
.border {border:1px solid #fece56;}
Shades and Tints of #fece56
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
#060500rgb(6,5,0) -
#1a1300
#1a1300rgb(26,19,0) -
#2e2100
#2e2100rgb(46,33,0) -
#412f00
#412f00rgb(65,47,0) -
#553c00
#553c00rgb(85,60,0) -
#684a01
#684a01rgb(104,74,1) -
#7c5801
#7c5801rgb(124,88,1) -
#8f6601
#8f6601rgb(143,102,1) -
#a37401
#a37401rgb(163,116,1) -
#b68201
#b68201rgb(182,130,1) -
#ca9001
#ca9001rgb(202,144,1) -
#dd9e01
#dd9e01rgb(221,158,1) -
#f1ac01
#f1ac01rgb(241,172,1)
-
#feb708
#feb708rgb(254,183,8) -
#febd1c
#febd1crgb(254,189,28) -
#fec32f
#fec32frgb(254,195,47) -
#fec843
#fec843rgb(254,200,67) -
#fece56
#fece56rgb(254,206,86) -
#fed46a
#fed46argb(254,212,106) -
#fed97d
#fed97drgb(254,217,125) -
#fedf91
#fedf91rgb(254,223,145) -
#fee5a4
#fee5a4rgb(254,229,164) -
#ffeab8
#ffeab8rgb(255,234,184) -
#fff0cb
#fff0cbrgb(255,240,203) -
#fff6df
#fff6dfrgb(255,246,223) -
#fffbf2
#fffbf2rgb(255,251,242)
Tones of #fece56
A tone is produced by adding gray to any pure hue. In this case, #b0aca4 is the less saturated color, while #fece56 is the most saturated one.
-
#b0aca4
#b0aca4rgb(176,172,164) -
#b6af9e
#b6af9ergb(182,175,158) -
#bdb297
#bdb297rgb(189,178,151) -
#c3b591
#c3b591rgb(195,181,145) -
#cab88a
#cab88argb(202,184,138) -
#d0ba84
#d0ba84rgb(208,186,132) -
#d7bd7d
#d7bd7drgb(215,189,125) -
#ddc077
#ddc077rgb(221,192,119) -
#e4c370
#e4c370rgb(228,195,112) -
#eac66a
#eac66argb(234,198,106) -
#f1c863
#f1c863rgb(241,200,99) -
#f7cb5d
#f7cb5drgb(247,203,93) -
#fece56
#fece56rgb(254,206,86)
Color Blindness Simulator
Below, you can see how #fece56 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.
