#fec367 Color Information
In a RGB color space, hex #fec367 is composed of 99.6% red, 76.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 59.4% yellow and 0.4% black. It has a hue angle of 36.6 degrees, a saturation of 98.7% and a lightness of 70%. #fec367 color hex could be obtained by blending #ffffce with #fd8700. Closest websafe color is: #ffcc66.
-
- R 100
- G 76
- B 40
-
- C 0
- M 23
- Y 59
- K 0
● #fec367 color description : Soft orange.
#fec367 Color Conversion
The hexadecimal color #fec367 has RGB values of R:254, G:195, B:103 and CMYK values of C:0, M:0.23, Y:0.59, K:0. Its decimal value is 16696167.
| Hex triplet | fec367 | #fec367 |
|---|---|---|
| RGB Decimal | 254, 195, 103 | rgb(254,195,103) |
| RGB Percent | 99.6, 76.5, 40.4 | rgb(99.6%,76.5%,40.4%) |
| CMYK | 0, 23, 59, 0 | |
| HSL | 36.6°, 98.7, 70 | hsl(36.6,98.7%,70%) |
| HSV (or HSB) | 36.6°, 59.4, 99.6 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 82.424, 11.335, 53.573 |
|---|---|
| XYZ | 62.837, 61.083, 21.312 |
| xyY | 0.433, 0.421, 61.083 |
| CIE-LCH | 82.424, 54.759, 78.053 |
| CIE-LUV | 82.424, 46.226, 62.938 |
| Hunter-Lab | 78.156, 6.741, 38.542 |
| Binary | 11111110, 11000011, 01100111 |
Color Schemes with #fec367
Alternatives to #fec367
Below, you can see some colors close to #fec367. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec367 Preview
This text has a font color of #fec367.
<span style="color:#fec367;">Text here</span>
This paragraph has a background color of #fec367.
<p style="background-color:#fec367;">Content here</p>
This element has a border color of #fec367.
<div style="border:1px solid #fec367;">Content here</div>
.text {color:#fec367;}
.background {background-color:#fec367;}
.border {border:1px solid #fec367;}
Shades and Tints of #fec367
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 #fff9ef is the lightest one.
-
#040200
#040200rgb(4,2,0) -
#170e00
#170e00rgb(23,14,0) -
#2b1a00
#2b1a00rgb(43,26,0) -
#3e2600
#3e2600rgb(62,38,0) -
#523201
#523201rgb(82,50,1) -
#653e01
#653e01rgb(101,62,1) -
#794a01
#794a01rgb(121,74,1) -
#8c5601
#8c5601rgb(140,86,1) -
#a06201
#a06201rgb(160,98,1) -
#b36e01
#b36e01rgb(179,110,1) -
#c77a01
#c77a01rgb(199,122,1) -
#da8601
#da8601rgb(218,134,1) -
#ee9102
#ee9102rgb(238,145,2)
-
#fd9d06
#fd9d06rgb(253,157,6) -
#fda419
#fda419rgb(253,164,25) -
#feac2d
#feac2drgb(254,172,45) -
#feb440
#feb440rgb(254,180,64) -
#febb54
#febb54rgb(254,187,84) -
#fec367
#fec367rgb(254,195,103) -
#fecb7a
#fecb7argb(254,203,122) -
#fed28e
#fed28ergb(254,210,142) -
#fedaa1
#fedaa1rgb(254,218,161) -
#ffe2b5
#ffe2b5rgb(255,226,181) -
#ffe9c8
#ffe9c8rgb(255,233,200) -
#fff1dc
#fff1dcrgb(255,241,220) -
#fff9ef
#fff9efrgb(255,249,239)
Tones of #fec367
A tone is produced by adding gray to any pure hue. In this case, #b7b4ae is the less saturated color, while #fec367 is the most saturated one.
-
#b7b4ae
#b7b4aergb(183,180,174) -
#bdb5a8
#bdb5a8rgb(189,181,168) -
#c3b6a2
#c3b6a2rgb(195,182,162) -
#c9b79c
#c9b79crgb(201,183,156) -
#cfb996
#cfb996rgb(207,185,150) -
#d5ba90
#d5ba90rgb(213,186,144) -
#dbbb8a
#dbbb8argb(219,187,138) -
#e1bd84
#e1bd84rgb(225,189,132) -
#e6be7f
#e6be7frgb(230,190,127) -
#ecbf79
#ecbf79rgb(236,191,121) -
#f2c073
#f2c073rgb(242,192,115) -
#f8c26d
#f8c26drgb(248,194,109) -
#fec367
#fec367rgb(254,195,103)
Color Blindness Simulator
Below, you can see how #fec367 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.
