#fec551 Color Information
In a RGB color space, hex #fec551 is composed of 99.6% red, 77.3% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 68.1% yellow and 0.4% black. It has a hue angle of 40.2 degrees, a saturation of 98.9% and a lightness of 65.7%. #fec551 color hex could be obtained by blending #ffffa2 with #fd8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 32
-
- C 0
- M 22
- Y 68
- K 0
● #fec551 color description : Soft orange.
#fec551 Color Conversion
The hexadecimal color #fec551 has RGB values of R:254, G:197, B:81 and CMYK values of C:0, M:0.22, Y:0.68, K:0. Its decimal value is 16696657.
Hex triplet | fec551 | #fec551 |
---|---|---|
RGB Decimal | 254, 197, 81 | rgb(254,197,81) |
RGB Percent | 99.6, 77.3, 31.8 | rgb(99.6%,77.3%,31.8%) |
CMYK | 0, 22, 68, 0 | |
HSL | 40.2°, 98.9, 65.7 | hsl(40.2,98.9%,65.7%) |
HSV (or HSB) | 40.2°, 68.1, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.701, 8.956, 63.779 |
---|---|
XYZ | 62.325, 61.601, 16.392 |
xyY | 0.444, 0.439, 61.601 |
CIE-LCH | 82.701, 64.405, 82.007 |
CIE-LUV | 82.701, 46.136, 72.094 |
Hunter-Lab | 78.486, 4.396, 42.558 |
Binary | 11111110, 11000101, 01010001 |
Color Schemes with #fec551
Alternatives to #fec551
Below, you can see some colors close to #fec551. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec551 Preview
This text has a font color of #fec551.
<span style="color:#fec551;">Text here</span>
This paragraph has a background color of #fec551.
<p style="background-color:#fec551;">Content here</p>
This element has a border color of #fec551.
<div style="border:1px solid #fec551;">Content here</div>
.text {color:#fec551;}
.background {background-color:#fec551;}
.border {border:1px solid #fec551;}
Shades and Tints of #fec551
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, #020100 is the darkest color, while #fff9ed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150e00
#150e00
rgb(21,14,0)
-
#291b00
#291b00
rgb(41,27,0)
-
#3c2800
#3c2800
rgb(60,40,0)
-
#503500
#503500
rgb(80,53,0)
-
#634301
#634301
rgb(99,67,1)
-
#775001
#775001
rgb(119,80,1)
-
#8a5d01
#8a5d01
rgb(138,93,1)
-
#9e6a01
#9e6a01
rgb(158,106,1)
-
#b17701
#b17701
rgb(177,119,1)
-
#c58401
#c58401
rgb(197,132,1)
-
#d89101
#d89101
rgb(216,145,1)
-
#ec9e01
#ec9e01
rgb(236,158,1)
-
#feab03
#feab03
rgb(254,171,3)
-
#feb116
#feb116
rgb(254,177,22)
-
#feb82a
#feb82a
rgb(254,184,42)
-
#febe3d
#febe3d
rgb(254,190,61)
-
#fec551
#fec551
rgb(254,197,81)
-
#fecc65
#fecc65
rgb(254,204,101)
-
#fed278
#fed278
rgb(254,210,120)
-
#fed98c
#fed98c
rgb(254,217,140)
-
#fedf9f
#fedf9f
rgb(254,223,159)
-
#ffe6b3
#ffe6b3
rgb(255,230,179)
-
#ffecc6
#ffecc6
rgb(255,236,198)
-
#fff3da
#fff3da
rgb(255,243,218)
-
#fff9ed
#fff9ed
rgb(255,249,237)
Tones of #fec551
A tone is produced by adding gray to any pure hue. In this case, #ada9a2 is the less saturated color, while #fec551 is the most saturated one.
-
#ada9a2
#ada9a2
rgb(173,169,162)
-
#b4ac9b
#b4ac9b
rgb(180,172,155)
-
#bbae94
#bbae94
rgb(187,174,148)
-
#c1b08e
#c1b08e
rgb(193,176,142)
-
#c8b387
#c8b387
rgb(200,179,135)
-
#cfb580
#cfb580
rgb(207,181,128)
-
#d6b779
#d6b779
rgb(214,183,121)
-
#dcba73
#dcba73
rgb(220,186,115)
-
#e3bc6c
#e3bc6c
rgb(227,188,108)
-
#eabe65
#eabe65
rgb(234,190,101)
-
#f1c05e
#f1c05e
rgb(241,192,94)
-
#f7c358
#f7c358
rgb(247,195,88)
-
#fec551
#fec551
rgb(254,197,81)
Color Blindness Simulator
Below, you can see how #fec551 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.