#fec054 Color Information
In a RGB color space, hex #fec054 is composed of 99.6% red, 75.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 66.9% yellow and 0.4% black. It has a hue angle of 38.1 degrees, a saturation of 98.8% and a lightness of 66.3%. #fec054 color hex could be obtained by blending #ffffa8 with #fd8100. Closest websafe color is: #ffcc66.
-
- R 100
- G 75
- B 33
-
- C 0
- M 24
- Y 67
- K 0
● #fec054 color description : Soft orange.
#fec054 Color Conversion
The hexadecimal color #fec054 has RGB values of R:254, G:192, B:84 and CMYK values of C:0, M:0.24, Y:0.67, K:0. Its decimal value is 16695380.
| Hex triplet | fec054 | #fec054 |
|---|---|---|
| RGB Decimal | 254, 192, 84 | rgb(254,192,84) |
| RGB Percent | 99.6, 75.3, 32.9 | rgb(99.6%,75.3%,32.9%) |
| CMYK | 0, 24, 67, 0 | |
| HSL | 38.1°, 98.8, 66.3 | hsl(38.1,98.8%,66.3%) |
| HSV (or HSB) | 38.1°, 66.9, 99.6 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 81.518, 11.712, 61.238 |
|---|---|
| XYZ | 61.324, 59.413, 16.625 |
| xyY | 0.446, 0.433, 59.413 |
| CIE-LCH | 81.518, 62.348, 79.173 |
| CIE-LUV | 81.518, 49.668, 68.993 |
| Hunter-Lab | 77.08, 7.122, 41.168 |
| Binary | 11111110, 11000000, 01010100 |
Color Schemes with #fec054
Alternatives to #fec054
Below, you can see some colors close to #fec054. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec054 Preview
This text has a font color of #fec054.
<span style="color:#fec054;">Text here</span>
This paragraph has a background color of #fec054.
<p style="background-color:#fec054;">Content here</p>
This element has a border color of #fec054.
<div style="border:1px solid #fec054;">Content here</div>
.text {color:#fec054;}
.background {background-color:#fec054;}
.border {border:1px solid #fec054;}
Shades and Tints of #fec054
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, #050300 is the darkest color, while #fff9f0 is the lightest one.
-
#050300
#050300rgb(5,3,0) -
#180f00
#180f00rgb(24,15,0) -
#2c1c00
#2c1c00rgb(44,28,0) -
#3f2800
#3f2800rgb(63,40,0) -
#533500
#533500rgb(83,53,0) -
#664101
#664101rgb(102,65,1) -
#7a4d01
#7a4d01rgb(122,77,1) -
#8d5a01
#8d5a01rgb(141,90,1) -
#a16601
#a16601rgb(161,102,1) -
#b47301
#b47301rgb(180,115,1) -
#c87f01
#c87f01rgb(200,127,1) -
#db8c01
#db8c01rgb(219,140,1) -
#ef9801
#ef9801rgb(239,152,1)
-
#fea306
#fea306rgb(254,163,6) -
#feaa19
#feaa19rgb(254,170,25) -
#feb22d
#feb22drgb(254,178,45) -
#feb940
#feb940rgb(254,185,64) -
#fec054
#fec054rgb(254,192,84) -
#fec768
#fec768rgb(254,199,104) -
#fece7b
#fece7brgb(254,206,123) -
#fed68f
#fed68frgb(254,214,143) -
#fedda2
#fedda2rgb(254,221,162) -
#ffe4b6
#ffe4b6rgb(255,228,182) -
#ffebc9
#ffebc9rgb(255,235,201) -
#fff2dd
#fff2ddrgb(255,242,221) -
#fff9f0
#fff9f0rgb(255,249,240)
Tones of #fec054
A tone is produced by adding gray to any pure hue. In this case, #afaba3 is the less saturated color, while #fec054 is the most saturated one.
-
#afaba3
#afaba3rgb(175,171,163) -
#b5ac9d
#b5ac9drgb(181,172,157) -
#bcae96
#bcae96rgb(188,174,150) -
#c2b090
#c2b090rgb(194,176,144) -
#c9b289
#c9b289rgb(201,178,137) -
#d0b382
#d0b382rgb(208,179,130) -
#d6b57c
#d6b57crgb(214,181,124) -
#ddb775
#ddb775rgb(221,183,117) -
#e4b96e
#e4b96ergb(228,185,110) -
#eabb68
#eabb68rgb(234,187,104) -
#f1bc61
#f1bc61rgb(241,188,97) -
#f7be5b
#f7be5brgb(247,190,91) -
#fec054
#fec054rgb(254,192,84)
Color Blindness Simulator
Below, you can see how #fec054 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.
