#ecc970 Color Information
In a RGB color space, hex #ecc970 is composed of 92.5% red, 78.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.8% magenta, 52.5% yellow and 7.5% black. It has a hue angle of 43.1 degrees, a saturation of 76.5% and a lightness of 68.2%. #ecc970 color hex could be obtained by blending #ffffe0 with #d99300. Closest websafe color is: #ffcc66.
-
- R 93
- G 79
- B 44
-
- C 0
- M 15
- Y 53
- K 7
● #ecc970 color description : Soft orange.
#ecc970 Color Conversion
The hexadecimal color #ecc970 has RGB values of R:236, G:201, B:112 and CMYK values of C:0, M:0.15, Y:0.53, K:0.07. Its decimal value is 15518064.
Hex triplet | ecc970 | #ecc970 |
---|---|---|
RGB Decimal | 236, 201, 112 | rgb(236,201,112) |
RGB Percent | 92.5, 78.8, 43.9 | rgb(92.5%,78.8%,43.9%) |
CMYK | 0, 15, 53, 7 | |
HSL | 43.1°, 76.5, 68.2 | hsl(43.1,76.5%,68.2%) |
HSV (or HSB) | 43.1°, 52.5, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.259, 1.548, 48.627 |
---|---|
XYZ | 58.404, 60.778, 23.983 |
xyY | 0.408, 0.425, 60.778 |
CIE-LCH | 82.259, 48.652, 88.176 |
CIE-LUV | 82.259, 28.181, 60.532 |
Hunter-Lab | 77.96, -2.708, 36.332 |
Binary | 11101100, 11001001, 01110000 |
Color Schemes with #ecc970
Alternatives to #ecc970
Below, you can see some colors close to #ecc970. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc970 Preview
This text has a font color of #ecc970.
<span style="color:#ecc970;">Text here</span>
This paragraph has a background color of #ecc970.
<p style="background-color:#ecc970;">Content here</p>
This element has a border color of #ecc970.
<div style="border:1px solid #ecc970;">Content here</div>
.text {color:#ecc970;}
.background {background-color:#ecc970;}
.border {border:1px solid #ecc970;}
Shades and Tints of #ecc970
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, #0d0a02 is the darkest color, while #fefdfb is the lightest one.
-
#0d0a02
#0d0a02
rgb(13,10,2)
-
#1e1704
#1e1704
rgb(30,23,4)
-
#2f2406
#2f2406
rgb(47,36,6)
-
#413109
#413109
rgb(65,49,9)
-
#523e0b
#523e0b
rgb(82,62,11)
-
#634b0d
#634b0d
rgb(99,75,13)
-
#755810
#755810
rgb(117,88,16)
-
#866512
#866512
rgb(134,101,18)
-
#977214
#977214
rgb(151,114,20)
-
#a97f16
#a97f16
rgb(169,127,22)
-
#ba8c19
#ba8c19
rgb(186,140,25)
-
#cb9a1b
#cb9a1b
rgb(203,154,27)
-
#dda71d
#dda71d
rgb(221,167,29)
-
#e3af2b
#e3af2b
rgb(227,175,43)
-
#e5b53c
#e5b53c
rgb(229,181,60)
-
#e7bc4d
#e7bc4d
rgb(231,188,77)
-
#eac25f
#eac25f
rgb(234,194,95)
-
#ecc970
#ecc970
rgb(236,201,112)
-
#eed081
#eed081
rgb(238,208,129)
-
#f1d693
#f1d693
rgb(241,214,147)
-
#f3dda4
#f3dda4
rgb(243,221,164)
-
#f5e3b5
#f5e3b5
rgb(245,227,181)
-
#f8eac7
#f8eac7
rgb(248,234,199)
-
#faf0d8
#faf0d8
rgb(250,240,216)
-
#fcf7e9
#fcf7e9
rgb(252,247,233)
-
#fefdfb
#fefdfb
rgb(254,253,251)
Tones of #ecc970
A tone is produced by adding gray to any pure hue. In this case, #b4b1a8 is the less saturated color, while #ffd15d is the most saturated one.
-
#b4b1a8
#b4b1a8
rgb(180,177,168)
-
#bab3a2
#bab3a2
rgb(186,179,162)
-
#c0b69c
#c0b69c
rgb(192,182,156)
-
#c7b995
#c7b995
rgb(199,185,149)
-
#cdbb8f
#cdbb8f
rgb(205,187,143)
-
#d3be89
#d3be89
rgb(211,190,137)
-
#d9c183
#d9c183
rgb(217,193,131)
-
#e0c47c
#e0c47c
rgb(224,196,124)
-
#e6c676
#e6c676
rgb(230,198,118)
-
#ecc970
#ecc970
rgb(236,201,112)
-
#f2cc6a
#f2cc6a
rgb(242,204,106)
-
#f8ce64
#f8ce64
rgb(248,206,100)
-
#ffd15d
#ffd15d
rgb(255,209,93)
Color Blindness Simulator
Below, you can see how #ecc970 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.