#ecc556 Color Information
In a RGB color space, hex #ecc556 is composed of 92.5% red, 77.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 63.6% yellow and 7.5% black. It has a hue angle of 44.4 degrees, a saturation of 79.8% and a lightness of 63.1%. #ecc556 color hex could be obtained by blending #ffffac with #d98b00. Closest websafe color is: #ffcc66.
-
- R 93
- G 77
- B 34
-
- C 0
- M 17
- Y 64
- K 7
● #ecc556 color description : Soft orange.
#ecc556 Color Conversion
The hexadecimal color #ecc556 has RGB values of R:236, G:197, B:86 and CMYK values of C:0, M:0.17, Y:0.64, K:0.07. Its decimal value is 15517014.
Hex triplet | ecc556 | #ecc556 |
---|---|---|
RGB Decimal | 236, 197, 86 | rgb(236,197,86) |
RGB Percent | 92.5, 77.3, 33.7 | rgb(92.5%,77.3%,33.7%) |
CMYK | 0, 17, 64, 7 | |
HSL | 44.4°, 79.8, 63.1 | hsl(44.4,79.8%,63.1%) |
HSV (or HSB) | 44.4°, 63.6, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.983, 1.733, 59.261 |
---|---|
XYZ | 56.239, 58.439, 17.121 |
xyY | 0.427, 0.443, 58.439 |
CIE-LCH | 80.983, 59.287, 88.325 |
CIE-LUV | 80.983, 32.348, 69.552 |
Hunter-Lab | 76.446, -2.464, 40.233 |
Binary | 11101100, 11000101, 01010110 |
Color Schemes with #ecc556
Alternatives to #ecc556
Below, you can see some colors close to #ecc556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc556 Preview
This text has a font color of #ecc556.
<span style="color:#ecc556;">Text here</span>
This paragraph has a background color of #ecc556.
<p style="background-color:#ecc556;">Content here</p>
This element has a border color of #ecc556.
<div style="border:1px solid #ecc556;">Content here</div>
.text {color:#ecc556;}
.background {background-color:#ecc556;}
.border {border:1px solid #ecc556;}
Shades and Tints of #ecc556
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, #070601 is the darkest color, while #fefbf5 is the lightest one.
-
#070601
#070601
rgb(7,6,1)
-
#191303
#191303
rgb(25,19,3)
-
#2b2105
#2b2105
rgb(43,33,5)
-
#3c2e07
#3c2e07
rgb(60,46,7)
-
#4e3c09
#4e3c09
rgb(78,60,9)
-
#5f490b
#5f490b
rgb(95,73,11)
-
#71570d
#71570d
rgb(113,87,13)
-
#83650f
#83650f
rgb(131,101,15)
-
#947211
#947211
rgb(148,114,17)
-
#a68013
#a68013
rgb(166,128,19)
-
#b88d15
#b88d15
rgb(184,141,21)
-
#c99b17
#c99b17
rgb(201,155,23)
-
#dba819
#dba819
rgb(219,168,25)
-
#e6b321
#e6b321
rgb(230,179,33)
-
#e8b933
#e8b933
rgb(232,185,51)
-
#eabf44
#eabf44
rgb(234,191,68)
-
#ecc556
#ecc556
rgb(236,197,86)
-
#eecb68
#eecb68
rgb(238,203,104)
-
#f0d179
#f0d179
rgb(240,209,121)
-
#f2d78b
#f2d78b
rgb(242,215,139)
-
#f4dd9d
#f4dd9d
rgb(244,221,157)
-
#f6e3ae
#f6e3ae
rgb(246,227,174)
-
#f8e9c0
#f8e9c0
rgb(248,233,192)
-
#faefd1
#faefd1
rgb(250,239,209)
-
#fcf5e3
#fcf5e3
rgb(252,245,227)
-
#fefbf5
#fefbf5
rgb(254,251,245)
Tones of #ecc556
A tone is produced by adding gray to any pure hue. In this case, #a4a29e is the less saturated color, while #facc48 is the most saturated one.
-
#a4a29e
#a4a29e
rgb(164,162,158)
-
#aba697
#aba697
rgb(171,166,151)
-
#b2a990
#b2a990
rgb(178,169,144)
-
#b9ad89
#b9ad89
rgb(185,173,137)
-
#c1b081
#c1b081
rgb(193,176,129)
-
#c8b47a
#c8b47a
rgb(200,180,122)
-
#cfb773
#cfb773
rgb(207,183,115)
-
#d6bb6c
#d6bb6c
rgb(214,187,108)
-
#debe64
#debe64
rgb(222,190,100)
-
#e5c25d
#e5c25d
rgb(229,194,93)
-
#ecc556
#ecc556
rgb(236,197,86)
-
#f3c84f
#f3c84f
rgb(243,200,79)
-
#facc48
#facc48
rgb(250,204,72)
Color Blindness Simulator
Below, you can see how #ecc556 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.