#fecc50 Color Information
In a RGB color space, hex #fecc50 is composed of 99.6% red, 80% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 68.5% yellow and 0.4% black. It has a hue angle of 42.8 degrees, a saturation of 98.9% and a lightness of 65.5%. #fecc50 color hex could be obtained by blending #ffffa0 with #fd9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 31
-
- C 0
- M 20
- Y 69
- K 0
● #fecc50 color description : Soft orange.
#fecc50 Color Conversion
The hexadecimal color #fecc50 has RGB values of R:254, G:204, B:80 and CMYK values of C:0, M:0.2, Y:0.69, K:0. Its decimal value is 16698448.
Hex triplet | fecc50 | #fecc50 |
---|---|---|
RGB Decimal | 254, 204, 80 | rgb(254,204,80) |
RGB Percent | 99.6, 80, 31.4 | rgb(99.6%,80%,31.4%) |
CMYK | 0, 20, 69, 0 | |
HSL | 42.8°, 98.9, 65.5 | hsl(42.8,98.9%,65.5%) |
HSV (or HSB) | 42.8°, 68.5, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.401, 5.29, 65.967 |
---|---|
XYZ | 63.915, 64.839, 16.738 |
xyY | 0.439, 0.446, 64.839 |
CIE-LCH | 84.401, 66.179, 85.416 |
CIE-LUV | 84.401, 41.058, 75.324 |
Hunter-Lab | 80.522, 0.77, 44.041 |
Binary | 11111110, 11001100, 01010000 |
Color Schemes with #fecc50
Alternatives to #fecc50
Below, you can see some colors close to #fecc50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc50 Preview
This text has a font color of #fecc50.
<span style="color:#fecc50;">Text here</span>
This paragraph has a background color of #fecc50.
<p style="background-color:#fecc50;">Content here</p>
This element has a border color of #fecc50.
<div style="border:1px solid #fecc50;">Content here</div>
.text {color:#fecc50;}
.background {background-color:#fecc50;}
.border {border:1px solid #fecc50;}
Shades and Tints of #fecc50
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, #010000 is the darkest color, while #fff9ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140e00
#140e00
rgb(20,14,0)
-
#281c00
#281c00
rgb(40,28,0)
-
#3b2a00
#3b2a00
rgb(59,42,0)
-
#4f3800
#4f3800
rgb(79,56,0)
-
#624601
#624601
rgb(98,70,1)
-
#765401
#765401
rgb(118,84,1)
-
#896201
#896201
rgb(137,98,1)
-
#9d7001
#9d7001
rgb(157,112,1)
-
#b07e01
#b07e01
rgb(176,126,1)
-
#c48c01
#c48c01
rgb(196,140,1)
-
#d79a01
#d79a01
rgb(215,154,1)
-
#eba801
#eba801
rgb(235,168,1)
-
#feb502
#feb502
rgb(254,181,2)
-
#febb15
#febb15
rgb(254,187,21)
-
#fec129
#fec129
rgb(254,193,41)
-
#fec63c
#fec63c
rgb(254,198,60)
-
#fecc50
#fecc50
rgb(254,204,80)
-
#fed264
#fed264
rgb(254,210,100)
-
#fed777
#fed777
rgb(254,215,119)
-
#fedd8b
#fedd8b
rgb(254,221,139)
-
#fee39e
#fee39e
rgb(254,227,158)
-
#ffe8b2
#ffe8b2
rgb(255,232,178)
-
#ffeec5
#ffeec5
rgb(255,238,197)
-
#fff4d9
#fff4d9
rgb(255,244,217)
-
#fff9ec
#fff9ec
rgb(255,249,236)
Tones of #fecc50
A tone is produced by adding gray to any pure hue. In this case, #ada9a1 is the less saturated color, while #fecc50 is the most saturated one.
-
#ada9a1
#ada9a1
rgb(173,169,161)
-
#b4ac9a
#b4ac9a
rgb(180,172,154)
-
#baaf94
#baaf94
rgb(186,175,148)
-
#c1b28d
#c1b28d
rgb(193,178,141)
-
#c8b586
#c8b586
rgb(200,181,134)
-
#cfb87f
#cfb87f
rgb(207,184,127)
-
#d5bb79
#d5bb79
rgb(213,187,121)
-
#dcbe72
#dcbe72
rgb(220,190,114)
-
#e3c06b
#e3c06b
rgb(227,192,107)
-
#eac364
#eac364
rgb(234,195,100)
-
#f0c65e
#f0c65e
rgb(240,198,94)
-
#f7c957
#f7c957
rgb(247,201,87)
-
#fecc50
#fecc50
rgb(254,204,80)
Color Blindness Simulator
Below, you can see how #fecc50 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.