#fec348 Color Information
In a RGB color space, hex #fec348 is composed of 99.6% red, 76.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 71.7% yellow and 0.4% black. It has a hue angle of 40.5 degrees, a saturation of 98.9% and a lightness of 63.9%. #fec348 color hex could be obtained by blending #ffff90 with #fd8700. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 28
-
- C 0
- M 23
- Y 72
- K 0
● #fec348 color description : Bright orange.
#fec348 Color Conversion
The hexadecimal color #fec348 has RGB values of R:254, G:195, B:72 and CMYK values of C:0, M:0.23, Y:0.72, K:0. Its decimal value is 16696136.
Hex triplet | fec348 | #fec348 |
---|---|---|
RGB Decimal | 254, 195, 72 | rgb(254,195,72) |
RGB Percent | 99.6, 76.5, 28.2 | rgb(99.6%,76.5%,28.2%) |
CMYK | 0, 23, 72, 0 | |
HSL | 40.5°, 98.9, 63.9 | hsl(40.5,98.9%,63.9%) |
HSV (or HSB) | 40.5°, 71.7, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.148, 9.548, 66.901 |
---|---|
XYZ | 61.559, 60.572, 14.58 |
xyY | 0.45, 0.443, 60.572 |
CIE-LCH | 82.148, 67.579, 81.877 |
CIE-LUV | 82.148, 48.083, 74.06 |
Hunter-Lab | 77.828, 4.987, 43.373 |
Binary | 11111110, 11000011, 01001000 |
Color Schemes with #fec348
Alternatives to #fec348
Below, you can see some colors close to #fec348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec348 Preview
This text has a font color of #fec348.
<span style="color:#fec348;">Text here</span>
This paragraph has a background color of #fec348.
<p style="background-color:#fec348;">Content here</p>
This element has a border color of #fec348.
<div style="border:1px solid #fec348;">Content here</div>
.text {color:#fec348;}
.background {background-color:#fec348;}
.border {border:1px solid #fec348;}
Shades and Tints of #fec348
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, #0c0800 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0800
#0c0800
rgb(12,8,0)
-
#201500
#201500
rgb(32,21,0)
-
#332300
#332300
rgb(51,35,0)
-
#473000
#473000
rgb(71,48,0)
-
#5a3d00
#5a3d00
rgb(90,61,0)
-
#6e4a01
#6e4a01
rgb(110,74,1)
-
#815801
#815801
rgb(129,88,1)
-
#956501
#956501
rgb(149,101,1)
-
#a87201
#a87201
rgb(168,114,1)
-
#bc7f01
#bc7f01
rgb(188,127,1)
-
#cf8c01
#cf8c01
rgb(207,140,1)
-
#e39a01
#e39a01
rgb(227,154,1)
-
#f6a701
#f6a701
rgb(246,167,1)
-
#feb00d
#feb00d
rgb(254,176,13)
-
#feb621
#feb621
rgb(254,182,33)
-
#febd34
#febd34
rgb(254,189,52)
-
#fec348
#fec348
rgb(254,195,72)
-
#fec95c
#fec95c
rgb(254,201,92)
-
#fed06f
#fed06f
rgb(254,208,111)
-
#fed683
#fed683
rgb(254,214,131)
-
#fedd96
#fedd96
rgb(254,221,150)
-
#ffe3aa
#ffe3aa
rgb(255,227,170)
-
#ffe9bd
#ffe9bd
rgb(255,233,189)
-
#fff0d1
#fff0d1
rgb(255,240,209)
-
#fff6e4
#fff6e4
rgb(255,246,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #fec348
A tone is produced by adding gray to any pure hue. In this case, #a9a59d is the less saturated color, while #fec348 is the most saturated one.
-
#a9a59d
#a9a59d
rgb(169,165,157)
-
#b0a896
#b0a896
rgb(176,168,150)
-
#b7aa8f
#b7aa8f
rgb(183,170,143)
-
#bead88
#bead88
rgb(190,173,136)
-
#c5af81
#c5af81
rgb(197,175,129)
-
#ccb27a
#ccb27a
rgb(204,178,122)
-
#d4b472
#d4b472
rgb(212,180,114)
-
#dbb76b
#dbb76b
rgb(219,183,107)
-
#e2b964
#e2b964
rgb(226,185,100)
-
#e9bc5d
#e9bc5d
rgb(233,188,93)
-
#f0be56
#f0be56
rgb(240,190,86)
-
#f7c14f
#f7c14f
rgb(247,193,79)
-
#fec348
#fec348
rgb(254,195,72)
Color Blindness Simulator
Below, you can see how #fec348 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.