#fec77a Color Information
In a RGB color space, hex #fec77a is composed of 99.6% red, 78% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 52% yellow and 0.4% black. It has a hue angle of 35 degrees, a saturation of 98.5% and a lightness of 73.7%. #fec77a color hex could be obtained by blending #fffff4 with #fd8f00. Closest websafe color is: #ffcc66.
-
- R 100
- G 78
- B 48
-
- C 0
- M 22
- Y 52
- K 0
● #fec77a color description : Soft orange.
#fec77a Color Conversion
The hexadecimal color #fec77a has RGB values of R:254, G:199, B:122 and CMYK values of C:0, M:0.22, Y:0.52, K:0. Its decimal value is 16697210.
| Hex triplet | fec77a | #fec77a |
|---|---|---|
| RGB Decimal | 254, 199, 122 | rgb(254,199,122) |
| RGB Percent | 99.6, 78, 47.8 | rgb(99.6%,78%,47.8%) |
| CMYK | 0, 22, 52, 0 | |
| HSL | 35°, 98.5, 73.7 | hsl(35,98.5%,73.7%) |
| HSV (or HSB) | 35°, 52, 99.6 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 83.613, 10.718, 45.755 |
|---|---|
| XYZ | 64.81, 63.326, 27.221 |
| xyY | 0.417, 0.408, 63.326 |
| CIE-LCH | 83.613, 46.994, 76.817 |
| CIE-LUV | 83.613, 41.974, 55.984 |
| Hunter-Lab | 79.577, 6.114, 35.423 |
| Binary | 11111110, 11000111, 01111010 |
Color Schemes with #fec77a
Alternatives to #fec77a
Below, you can see some colors close to #fec77a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec77a Preview
This text has a font color of #fec77a.
<span style="color:#fec77a;">Text here</span>
This paragraph has a background color of #fec77a.
<p style="background-color:#fec77a;">Content here</p>
This element has a border color of #fec77a.
<div style="border:1px solid #fec77a;">Content here</div>
.text {color:#fec77a;}
.background {background-color:#fec77a;}
.border {border:1px solid #fec77a;}
Shades and Tints of #fec77a
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, #030200 is the darkest color, while #fff8ef is the lightest one.
-
#030200
#030200rgb(3,2,0) -
#170d00
#170d00rgb(23,13,0) -
#2a1900
#2a1900rgb(42,25,0) -
#3e2400
#3e2400rgb(62,36,0) -
#513001
#513001rgb(81,48,1) -
#653b01
#653b01rgb(101,59,1) -
#784601
#784601rgb(120,70,1) -
#8c5201
#8c5201rgb(140,82,1) -
#9f5d01
#9f5d01rgb(159,93,1) -
#b36901
#b36901rgb(179,105,1) -
#c67401
#c67401rgb(198,116,1) -
#d98002
#d98002rgb(217,128,2) -
#ed8b02
#ed8b02rgb(237,139,2)
-
#fd9605
#fd9605rgb(253,150,5) -
#fd9e19
#fd9e19rgb(253,158,25) -
#fda62c
#fda62crgb(253,166,44) -
#feae40
#feae40rgb(254,174,64) -
#feb753
#feb753rgb(254,183,83) -
#febf67
#febf67rgb(254,191,103) -
#fec77a
#fec77argb(254,199,122) -
#fecf8d
#fecf8drgb(254,207,141) -
#fed7a1
#fed7a1rgb(254,215,161) -
#fee0b4
#fee0b4rgb(254,224,180) -
#ffe8c8
#ffe8c8rgb(255,232,200) -
#fff0db
#fff0dbrgb(255,240,219) -
#fff8ef
#fff8efrgb(255,248,239)
Tones of #fec77a
A tone is produced by adding gray to any pure hue. In this case, #c0bdb8 is the less saturated color, while #fec77a is the most saturated one.
-
#c0bdb8
#c0bdb8rgb(192,189,184) -
#c5beb3
#c5beb3rgb(197,190,179) -
#cabeae
#cabeaergb(202,190,174) -
#d0bfa8
#d0bfa8rgb(208,191,168) -
#d5c0a3
#d5c0a3rgb(213,192,163) -
#dac19e
#dac19ergb(218,193,158) -
#dfc299
#dfc299rgb(223,194,153) -
#e4c394
#e4c394rgb(228,195,148) -
#e9c48f
#e9c48frgb(233,196,143) -
#efc489
#efc489rgb(239,196,137) -
#f4c584
#f4c584rgb(244,197,132) -
#f9c67f
#f9c67frgb(249,198,127) -
#fec77a
#fec77argb(254,199,122)
Color Blindness Simulator
Below, you can see how #fec77a 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.
