#ecc676 Color Information
In a RGB color space, hex #ecc676 is composed of 92.5% red, 77.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 50% yellow and 7.5% black. It has a hue angle of 40.7 degrees, a saturation of 75.6% and a lightness of 69.4%. #ecc676 color hex could be obtained by blending #ffffec with #d98d00. Closest websafe color is: #ffcc66.
-
- R 93
- G 78
- B 46
-
- C 0
- M 16
- Y 50
- K 7
● #ecc676 color description : Soft orange.
#ecc676 Color Conversion
The hexadecimal color #ecc676 has RGB values of R:236, G:198, B:118 and CMYK values of C:0, M:0.16, Y:0.5, K:0.07. Its decimal value is 15517302.
Hex triplet | ecc676 | #ecc676 |
---|---|---|
RGB Decimal | 236, 198, 118 | rgb(236,198,118) |
RGB Percent | 92.5, 77.6, 46.3 | rgb(92.5%,77.6%,46.3%) |
CMYK | 0, 16, 50, 7 | |
HSL | 40.7°, 75.6, 69.4 | hsl(40.7,75.6%,69.4%) |
HSV (or HSB) | 40.7°, 50, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.583, 3.621, 44.852 |
---|---|
XYZ | 58.056, 59.531, 25.571 |
xyY | 0.406, 0.416, 59.531 |
CIE-LCH | 81.583, 44.998, 85.385 |
CIE-LUV | 81.583, 29.822, 56.193 |
Hunter-Lab | 77.156, -0.711, 34.36 |
Binary | 11101100, 11000110, 01110110 |
Color Schemes with #ecc676
Alternatives to #ecc676
Below, you can see some colors close to #ecc676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc676 Preview
This text has a font color of #ecc676.
<span style="color:#ecc676;">Text here</span>
This paragraph has a background color of #ecc676.
<p style="background-color:#ecc676;">Content here</p>
This element has a border color of #ecc676.
<div style="border:1px solid #ecc676;">Content here</div>
.text {color:#ecc676;}
.background {background-color:#ecc676;}
.border {border:1px solid #ecc676;}
Shades and Tints of #ecc676
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, #010100 is the darkest color, while #fdf8ef is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#120d03
#120d03
rgb(18,13,3)
-
#231905
#231905
rgb(35,25,5)
-
#342607
#342607
rgb(52,38,7)
-
#46320a
#46320a
rgb(70,50,10)
-
#573f0c
#573f0c
rgb(87,63,12)
-
#684b0e
#684b0e
rgb(104,75,14)
-
#795811
#795811
rgb(121,88,17)
-
#8b6413
#8b6413
rgb(139,100,19)
-
#9c7116
#9c7116
rgb(156,113,22)
-
#ad7d18
#ad7d18
rgb(173,125,24)
-
#be8a1a
#be8a1a
rgb(190,138,26)
-
#d0961d
#d0961d
rgb(208,150,29)
-
#e0a220
#e0a220
rgb(224,162,32)
-
#e2a931
#e2a931
rgb(226,169,49)
-
#e5b042
#e5b042
rgb(229,176,66)
-
#e7b854
#e7b854
rgb(231,184,84)
-
#eabf65
#eabf65
rgb(234,191,101)
-
#ecc676
#ecc676
rgb(236,198,118)
-
#eecd87
#eecd87
rgb(238,205,135)
-
#f1d498
#f1d498
rgb(241,212,152)
-
#f3dcaa
#f3dcaa
rgb(243,220,170)
-
#f6e3bb
#f6e3bb
rgb(246,227,187)
-
#f8eacc
#f8eacc
rgb(248,234,204)
-
#faf1dd
#faf1dd
rgb(250,241,221)
-
#fdf8ef
#fdf8ef
rgb(253,248,239)
Tones of #ecc676
A tone is produced by adding gray to any pure hue. In this case, #b6b3ac is the less saturated color, while #fecc64 is the most saturated one.
-
#b6b3ac
#b6b3ac
rgb(182,179,172)
-
#bcb5a6
#bcb5a6
rgb(188,181,166)
-
#c2b7a0
#c2b7a0
rgb(194,183,160)
-
#c8b99a
#c8b99a
rgb(200,185,154)
-
#cebb94
#cebb94
rgb(206,187,148)
-
#d4bd8e
#d4bd8e
rgb(212,189,142)
-
#dac088
#dac088
rgb(218,192,136)
-
#e0c282
#e0c282
rgb(224,194,130)
-
#e6c47c
#e6c47c
rgb(230,196,124)
-
#ecc676
#ecc676
rgb(236,198,118)
-
#f2c870
#f2c870
rgb(242,200,112)
-
#f8ca6a
#f8ca6a
rgb(248,202,106)
-
#fecc64
#fecc64
rgb(254,204,100)
Color Blindness Simulator
Below, you can see how #ecc676 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.