#fecc53 Color Information
In a RGB color space, hex #fecc53 is composed of 99.6% red, 80% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 67.3% yellow and 0.4% black. It has a hue angle of 42.5 degrees, a saturation of 98.8% and a lightness of 66.1%. #fecc53 color hex could be obtained by blending #ffffa6 with #fd9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 33
-
- C 0
- M 20
- Y 67
- K 0
● #fecc53 color description : Soft orange.
#fecc53 Color Conversion
The hexadecimal color #fecc53 has RGB values of R:254, G:204, B:83 and CMYK values of C:0, M:0.2, Y:0.67, K:0. Its decimal value is 16698451.
Hex triplet | fecc53 | #fecc53 |
---|---|---|
RGB Decimal | 254, 204, 83 | rgb(254,204,83) |
RGB Percent | 99.6, 80, 32.5 | rgb(99.6%,80%,32.5%) |
CMYK | 0, 20, 67, 0 | |
HSL | 42.5°, 98.8, 66.1 | hsl(42.5,98.8%,66.1%) |
HSV (or HSB) | 42.5°, 67.3, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.424, 5.448, 64.748 |
---|---|
XYZ | 64.028, 64.884, 17.335 |
xyY | 0.438, 0.444, 64.884 |
CIE-LCH | 84.424, 64.977, 85.191 |
CIE-LUV | 84.424, 40.913, 74.358 |
Hunter-Lab | 80.551, 0.923, 43.626 |
Binary | 11111110, 11001100, 01010011 |
Color Schemes with #fecc53
Alternatives to #fecc53
Below, you can see some colors close to #fecc53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc53 Preview
This text has a font color of #fecc53.
<span style="color:#fecc53;">Text here</span>
This paragraph has a background color of #fecc53.
<p style="background-color:#fecc53;">Content here</p>
This element has a border color of #fecc53.
<div style="border:1px solid #fecc53;">Content here</div>
.text {color:#fecc53;}
.background {background-color:#fecc53;}
.border {border:1px solid #fecc53;}
Shades and Tints of #fecc53
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, #040200 is the darkest color, while #fffaef is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#171000
#171000
rgb(23,16,0)
-
#2b1e00
#2b1e00
rgb(43,30,0)
-
#3e2c00
#3e2c00
rgb(62,44,0)
-
#523a00
#523a00
rgb(82,58,0)
-
#654801
#654801
rgb(101,72,1)
-
#795501
#795501
rgb(121,85,1)
-
#8c6301
#8c6301
rgb(140,99,1)
-
#a07101
#a07101
rgb(160,113,1)
-
#b37f01
#b37f01
rgb(179,127,1)
-
#c78d01
#c78d01
rgb(199,141,1)
-
#da9b01
#da9b01
rgb(218,155,1)
-
#eea801
#eea801
rgb(238,168,1)
-
#feb505
#feb505
rgb(254,181,5)
-
#febb18
#febb18
rgb(254,187,24)
-
#fec02c
#fec02c
rgb(254,192,44)
-
#fec63f
#fec63f
rgb(254,198,63)
-
#fecc53
#fecc53
rgb(254,204,83)
-
#fed267
#fed267
rgb(254,210,103)
-
#fed87a
#fed87a
rgb(254,216,122)
-
#fedd8e
#fedd8e
rgb(254,221,142)
-
#fee3a1
#fee3a1
rgb(254,227,161)
-
#ffe9b5
#ffe9b5
rgb(255,233,181)
-
#ffefc8
#ffefc8
rgb(255,239,200)
-
#fff4dc
#fff4dc
rgb(255,244,220)
-
#fffaef
#fffaef
rgb(255,250,239)
Tones of #fecc53
A tone is produced by adding gray to any pure hue. In this case, #aeaba3 is the less saturated color, while #fecc53 is the most saturated one.
-
#aeaba3
#aeaba3
rgb(174,171,163)
-
#b5ae9c
#b5ae9c
rgb(181,174,156)
-
#bbb096
#bbb096
rgb(187,176,150)
-
#c2b38f
#c2b38f
rgb(194,179,143)
-
#c9b688
#c9b688
rgb(201,182,136)
-
#cfb982
#cfb982
rgb(207,185,130)
-
#d6bb7b
#d6bb7b
rgb(214,187,123)
-
#ddbe74
#ddbe74
rgb(221,190,116)
-
#e3c16e
#e3c16e
rgb(227,193,110)
-
#eac467
#eac467
rgb(234,196,103)
-
#f1c660
#f1c660
rgb(241,198,96)
-
#f7c95a
#f7c95a
rgb(247,201,90)
-
#fecc53
#fecc53
rgb(254,204,83)
Color Blindness Simulator
Below, you can see how #fecc53 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.