#fec553 Color Information
In a RGB color space, hex #fec553 is composed of 99.6% red, 77.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 67.3% yellow and 0.4% black. It has a hue angle of 40 degrees, a saturation of 98.8% and a lightness of 66.1%. #fec553 color hex could be obtained by blending #ffffa6 with #fd8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 33
-
- C 0
- M 22
- Y 67
- K 0
● #fec553 color description : Soft orange.
#fec553 Color Conversion
The hexadecimal color #fec553 has RGB values of R:254, G:197, B:83 and CMYK values of C:0, M:0.22, Y:0.67, K:0. Its decimal value is 16696659.
Hex triplet | fec553 | #fec553 |
---|---|---|
RGB Decimal | 254, 197, 83 | rgb(254,197,83) |
RGB Percent | 99.6, 77.3, 32.5 | rgb(99.6%,77.3%,32.5%) |
CMYK | 0, 22, 67, 0 | |
HSL | 40°, 98.8, 66.1 | hsl(40,98.8%,66.1%) |
HSV (or HSB) | 40°, 67.3, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.717, 9.063, 62.947 |
---|---|
XYZ | 62.402, 61.631, 16.792 |
xyY | 0.443, 0.438, 61.631 |
CIE-LCH | 82.717, 63.596, 81.807 |
CIE-LUV | 82.717, 46.028, 71.429 |
Hunter-Lab | 78.505, 4.5, 42.272 |
Binary | 11111110, 11000101, 01010011 |
Color Schemes with #fec553
Alternatives to #fec553
Below, you can see some colors close to #fec553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec553 Preview
This text has a font color of #fec553.
<span style="color:#fec553;">Text here</span>
This paragraph has a background color of #fec553.
<p style="background-color:#fec553;">Content here</p>
This element has a border color of #fec553.
<div style="border:1px solid #fec553;">Content here</div>
.text {color:#fec553;}
.background {background-color:#fec553;}
.border {border:1px solid #fec553;}
Shades and Tints of #fec553
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)
-
#170f00
#170f00
rgb(23,15,0)
-
#2b1c00
#2b1c00
rgb(43,28,0)
-
#3e2900
#3e2900
rgb(62,41,0)
-
#523700
#523700
rgb(82,55,0)
-
#654401
#654401
rgb(101,68,1)
-
#795101
#795101
rgb(121,81,1)
-
#8c5e01
#8c5e01
rgb(140,94,1)
-
#a06b01
#a06b01
rgb(160,107,1)
-
#b37801
#b37801
rgb(179,120,1)
-
#c78501
#c78501
rgb(199,133,1)
-
#da9201
#da9201
rgb(218,146,1)
-
#ee9f01
#ee9f01
rgb(238,159,1)
-
#feab05
#feab05
rgb(254,171,5)
-
#feb118
#feb118
rgb(254,177,24)
-
#feb82c
#feb82c
rgb(254,184,44)
-
#febe3f
#febe3f
rgb(254,190,63)
-
#fec553
#fec553
rgb(254,197,83)
-
#fecc67
#fecc67
rgb(254,204,103)
-
#fed27a
#fed27a
rgb(254,210,122)
-
#fed98e
#fed98e
rgb(254,217,142)
-
#fedfa1
#fedfa1
rgb(254,223,161)
-
#ffe6b5
#ffe6b5
rgb(255,230,181)
-
#ffecc8
#ffecc8
rgb(255,236,200)
-
#fff3dc
#fff3dc
rgb(255,243,220)
-
#fffaef
#fffaef
rgb(255,250,239)
Tones of #fec553
A tone is produced by adding gray to any pure hue. In this case, #aeaaa3 is the less saturated color, while #fec553 is the most saturated one.
-
#aeaaa3
#aeaaa3
rgb(174,170,163)
-
#b5ad9c
#b5ad9c
rgb(181,173,156)
-
#bbaf96
#bbaf96
rgb(187,175,150)
-
#c2b18f
#c2b18f
rgb(194,177,143)
-
#c9b388
#c9b388
rgb(201,179,136)
-
#cfb582
#cfb582
rgb(207,181,130)
-
#d6b87b
#d6b87b
rgb(214,184,123)
-
#ddba74
#ddba74
rgb(221,186,116)
-
#e3bc6e
#e3bc6e
rgb(227,188,110)
-
#eabe67
#eabe67
rgb(234,190,103)
-
#f1c160
#f1c160
rgb(241,193,96)
-
#f7c35a
#f7c35a
rgb(247,195,90)
-
#fec553
#fec553
rgb(254,197,83)
Color Blindness Simulator
Below, you can see how #fec553 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.