#fec396 Color Information
In a RGB color space, hex #fec396 is composed of 99.6% red, 76.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 40.9% yellow and 0.4% black. It has a hue angle of 26 degrees, a saturation of 98.1% and a lightness of 79.2%. #fec396 color hex could be obtained by blending #ffffff with #fd872d. Closest websafe color is: #ffcc99.
-
- R 100
- G 76
- B 59
-
- C 0
- M 23
- Y 41
- K 0
● #fec396 color description : Very soft orange.
#fec396 Color Conversion
The hexadecimal color #fec396 has RGB values of R:254, G:195, B:150 and CMYK values of C:0, M:0.23, Y:0.41, K:0. Its decimal value is 16696214.
| Hex triplet | fec396 | #fec396 |
|---|---|---|
| RGB Decimal | 254, 195, 150 | rgb(254,195,150) |
| RGB Percent | 99.6, 76.5, 58.8 | rgb(99.6%,76.5%,58.8%) |
| CMYK | 0, 23, 41, 0 | |
| HSL | 26°, 98.1, 79.2 | hsl(26,98.1%,79.2%) |
| HSV (or HSB) | 26°, 40.9, 99.6 | |
| Web Safe | ffcc99 | #ffcc99 |
| CIE-LAB | 83.076, 15.474, 30.744 |
|---|---|
| XYZ | 65.893, 62.306, 37.408 |
| xyY | 0.398, 0.376, 62.306 |
| CIE-LCH | 83.076, 34.419, 63.283 |
| CIE-LUV | 83.076, 42.159, 38.467 |
| Hunter-Lab | 78.934, 10.875, 27.155 |
| Binary | 11111110, 11000011, 10010110 |
Color Schemes with #fec396
Alternatives to #fec396
Below, you can see some colors close to #fec396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec396 Preview
This text has a font color of #fec396.
<span style="color:#fec396;">Text here</span>
This paragraph has a background color of #fec396.
<p style="background-color:#fec396;">Content here</p>
This element has a border color of #fec396.
<div style="border:1px solid #fec396;">Content here</div>
.text {color:#fec396;}
.background {background-color:#fec396;}
.border {border:1px solid #fec396;}
Shades and Tints of #fec396
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, #0c0500 is the darkest color, while #fffbf7 is the lightest one.
-
#0c0500
#0c0500rgb(12,5,0) -
#1f0e00
#1f0e00rgb(31,14,0) -
#321600
#321600rgb(50,22,0) -
#461f01
#461f01rgb(70,31,1) -
#592701
#592701rgb(89,39,1) -
#6d3001
#6d3001rgb(109,48,1) -
#803801
#803801rgb(128,56,1) -
#944101
#944101rgb(148,65,1) -
#a74902
#a74902rgb(167,73,2) -
#ba5202
#ba5202rgb(186,82,2) -
#ce5a02
#ce5a02rgb(206,90,2) -
#e16302
#e16302rgb(225,99,2) -
#f56b02
#f56b02rgb(245,107,2)
-
#fd750e
#fd750ergb(253,117,14) -
#fd8021
#fd8021rgb(253,128,33) -
#fd8b35
#fd8b35rgb(253,139,53) -
#fd9748
#fd9748rgb(253,151,72) -
#fda25c
#fda25crgb(253,162,92) -
#fead6f
#fead6frgb(254,173,111) -
#feb883
#feb883rgb(254,184,131) -
#fec396
#fec396rgb(254,195,150) -
#fecea9
#fecea9rgb(254,206,169) -
#fed9bd
#fed9bdrgb(254,217,189) -
#ffe4d0
#ffe4d0rgb(255,228,208) -
#ffefe4
#ffefe4rgb(255,239,228) -
#fffbf7
#fffbf7rgb(255,251,247)
Tones of #fec396
A tone is produced by adding gray to any pure hue. In this case, #cdcac7 is the less saturated color, while #fec396 is the most saturated one.
-
#cdcac7
#cdcac7rgb(205,202,199) -
#d1c9c3
#d1c9c3rgb(209,201,195) -
#d5c8bf
#d5c8bfrgb(213,200,191) -
#d9c8bb
#d9c8bbrgb(217,200,187) -
#ddc7b7
#ddc7b7rgb(221,199,183) -
#e1c7b3
#e1c7b3rgb(225,199,179) -
#e6c6ae
#e6c6aergb(230,198,174) -
#eac6aa
#eac6aargb(234,198,170) -
#eec5a6
#eec5a6rgb(238,197,166) -
#f2c5a2
#f2c5a2rgb(242,197,162) -
#f6c49e
#f6c49ergb(246,196,158) -
#fac49a
#fac49argb(250,196,154) -
#fec396
#fec396rgb(254,195,150)
Color Blindness Simulator
Below, you can see how #fec396 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.
