#ecc980 Color Information
In a RGB color space, hex #ecc980 is composed of 92.5% red, 78.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.8% magenta, 45.8% yellow and 7.5% black. It has a hue angle of 40.6 degrees, a saturation of 74% and a lightness of 71.4%. #ecc980 color hex could be obtained by blending #ffffff with #d99301. Closest websafe color is: #ffcc99.
-
- R 93
- G 79
- B 50
-
- C 0
- M 15
- Y 46
- K 7
● #ecc980 color description : Soft orange.
#ecc980 Color Conversion
The hexadecimal color #ecc980 has RGB values of R:236, G:201, B:128 and CMYK values of C:0, M:0.15, Y:0.46, K:0.07. Its decimal value is 15518080.
Hex triplet | ecc980 | #ecc980 |
---|---|---|
RGB Decimal | 236, 201, 128 | rgb(236,201,128) |
RGB Percent | 92.5, 78.8, 50.2 | rgb(92.5%,78.8%,50.2%) |
CMYK | 0, 15, 46, 7 | |
HSL | 40.6°, 74, 71.4 | hsl(40.6,74%,71.4%) |
HSV (or HSB) | 40.6°, 45.8, 92.5 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 82.468, 2.992, 40.946 |
---|---|
XYZ | 59.375, 61.167, 29.1 |
xyY | 0.397, 0.409, 61.167 |
CIE-LCH | 82.468, 41.055, 85.821 |
CIE-LUV | 82.468, 27.165, 52.496 |
Hunter-Lab | 78.209, -1.352, 32.686 |
Binary | 11101100, 11001001, 10000000 |
Color Schemes with #ecc980
Alternatives to #ecc980
Below, you can see some colors close to #ecc980. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc980 Preview
This text has a font color of #ecc980.
<span style="color:#ecc980;">Text here</span>
This paragraph has a background color of #ecc980.
<p style="background-color:#ecc980;">Content here</p>
This element has a border color of #ecc980.
<div style="border:1px solid #ecc980;">Content here</div>
.text {color:#ecc980;}
.background {background-color:#ecc980;}
.border {border:1px solid #ecc980;}
Shades and Tints of #ecc980
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, #0a0701 is the darkest color, while #fefcf7 is the lightest one.
-
#0a0701
#0a0701
rgb(10,7,1)
-
#1b1304
#1b1304
rgb(27,19,4)
-
#2c2007
#2c2007
rgb(44,32,7)
-
#3d2c09
#3d2c09
rgb(61,44,9)
-
#4e380c
#4e380c
rgb(78,56,12)
-
#5f450e
#5f450e
rgb(95,69,14)
-
#705111
#705111
rgb(112,81,17)
-
#815d13
#815d13
rgb(129,93,19)
-
#926a16
#926a16
rgb(146,106,22)
-
#a37618
#a37618
rgb(163,118,24)
-
#b4821b
#b4821b
rgb(180,130,27)
-
#c58f1e
#c58f1e
rgb(197,143,30)
-
#d69b20
#d69b20
rgb(214,155,32)
-
#dfa52b
#dfa52b
rgb(223,165,43)
-
#e2ac3c
#e2ac3c
rgb(226,172,60)
-
#e4b34d
#e4b34d
rgb(228,179,77)
-
#e7ba5e
#e7ba5e
rgb(231,186,94)
-
#e9c26f
#e9c26f
rgb(233,194,111)
-
#ecc980
#ecc980
rgb(236,201,128)
-
#efd091
#efd091
rgb(239,208,145)
-
#f1d8a2
#f1d8a2
rgb(241,216,162)
-
#f4dfb3
#f4dfb3
rgb(244,223,179)
-
#f6e6c4
#f6e6c4
rgb(246,230,196)
-
#f9edd5
#f9edd5
rgb(249,237,213)
-
#fbf5e6
#fbf5e6
rgb(251,245,230)
-
#fefcf7
#fefcf7
rgb(254,252,247)
Tones of #ecc980
A tone is produced by adding gray to any pure hue. In this case, #b9b7b3 is the less saturated color, while #fdcf6f is the most saturated one.
-
#b9b7b3
#b9b7b3
rgb(185,183,179)
-
#bfb9ad
#bfb9ad
rgb(191,185,173)
-
#c5bba7
#c5bba7
rgb(197,187,167)
-
#cabda2
#cabda2
rgb(202,189,162)
-
#d0bf9c
#d0bf9c
rgb(208,191,156)
-
#d6c196
#d6c196
rgb(214,193,150)
-
#dbc391
#dbc391
rgb(219,195,145)
-
#e1c58b
#e1c58b
rgb(225,197,139)
-
#e6c786
#e6c786
rgb(230,199,134)
-
#ecc980
#ecc980
rgb(236,201,128)
-
#f2cb7a
#f2cb7a
rgb(242,203,122)
-
#f7cd75
#f7cd75
rgb(247,205,117)
-
#fdcf6f
#fdcf6f
rgb(253,207,111)
Color Blindness Simulator
Below, you can see how #ecc980 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.