#ecc667 Color Information
In a RGB color space, hex #ecc667 is composed of 92.5% red, 77.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 56.4% yellow and 7.5% black. It has a hue angle of 42.9 degrees, a saturation of 77.8% and a lightness of 66.5%. #ecc667 color hex could be obtained by blending #ffffce with #d98d00. Closest websafe color is: #ffcc66.
-
- R 93
- G 78
- B 40
-
- C 0
- M 16
- Y 56
- K 7
● #ecc667 color description : Soft orange.
#ecc667 Color Conversion
The hexadecimal color #ecc667 has RGB values of R:236, G:198, B:103 and CMYK values of C:0, M:0.16, Y:0.56, K:0.07. Its decimal value is 15517287.
Hex triplet | ecc667 | #ecc667 |
---|---|---|
RGB Decimal | 236, 198, 103 | rgb(236,198,103) |
RGB Percent | 92.5, 77.6, 40.4 | rgb(92.5%,77.6%,40.4%) |
CMYK | 0, 16, 56, 7 | |
HSL | 42.9°, 77.8, 66.5 | hsl(42.9,77.8%,66.5%) |
HSV (or HSB) | 42.9°, 56.4, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.403, 2.385, 51.937 |
---|---|
XYZ | 57.235, 59.202, 21.244 |
xyY | 0.416, 0.43, 59.202 |
CIE-LCH | 81.403, 51.992, 87.37 |
CIE-LUV | 81.403, 30.748, 63.21 |
Hunter-Lab | 76.943, -1.872, 37.49 |
Binary | 11101100, 11000110, 01100111 |
Color Schemes with #ecc667
Alternatives to #ecc667
Below, you can see some colors close to #ecc667. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc667 Preview
This text has a font color of #ecc667.
<span style="color:#ecc667;">Text here</span>
This paragraph has a background color of #ecc667.
<p style="background-color:#ecc667;">Content here</p>
This element has a border color of #ecc667.
<div style="border:1px solid #ecc667;">Content here</div>
.text {color:#ecc667;}
.background {background-color:#ecc667;}
.border {border:1px solid #ecc667;}
Shades and Tints of #ecc667
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, #050401 is the darkest color, while #fdfaf2 is the lightest one.
-
#050401
#050401
rgb(5,4,1)
-
#161103
#161103
rgb(22,17,3)
-
#281e05
#281e05
rgb(40,30,5)
-
#392b07
#392b07
rgb(57,43,7)
-
#4b3809
#4b3809
rgb(75,56,9)
-
#5c450c
#5c450c
rgb(92,69,12)
-
#6e520e
#6e520e
rgb(110,82,14)
-
#7f5f10
#7f5f10
rgb(127,95,16)
-
#906c12
#906c12
rgb(144,108,18)
-
#a27914
#a27914
rgb(162,121,20)
-
#b38616
#b38616
rgb(179,134,22)
-
#c59419
#c59419
rgb(197,148,25)
-
#d6a11b
#d6a11b
rgb(214,161,27)
-
#e3ac21
#e3ac21
rgb(227,172,33)
-
#e5b233
#e5b233
rgb(229,178,51)
-
#e8b944
#e8b944
rgb(232,185,68)
-
#eabf56
#eabf56
rgb(234,191,86)
-
#ecc667
#ecc667
rgb(236,198,103)
-
#eecd78
#eecd78
rgb(238,205,120)
-
#f0d38a
#f0d38a
rgb(240,211,138)
-
#f3da9b
#f3da9b
rgb(243,218,155)
-
#f5e0ad
#f5e0ad
rgb(245,224,173)
-
#f7e7be
#f7e7be
rgb(247,231,190)
-
#f9edd0
#f9edd0
rgb(249,237,208)
-
#fbf4e1
#fbf4e1
rgb(251,244,225)
-
#fdfaf2
#fdfaf2
rgb(253,250,242)
Tones of #ecc667
A tone is produced by adding gray to any pure hue. In this case, #aaaaa9 is the less saturated color, while #f9cc5a is the most saturated one.
-
#aaaaa9
#aaaaa9
rgb(170,170,169)
-
#b1ada2
#b1ada2
rgb(177,173,162)
-
#b7af9c
#b7af9c
rgb(183,175,156)
-
#beb295
#beb295
rgb(190,178,149)
-
#c5b58e
#c5b58e
rgb(197,181,142)
-
#cbb888
#cbb888
rgb(203,184,136)
-
#d2bb81
#d2bb81
rgb(210,187,129)
-
#d8be7b
#d8be7b
rgb(216,190,123)
-
#dfc074
#dfc074
rgb(223,192,116)
-
#e5c36e
#e5c36e
rgb(229,195,110)
-
#ecc667
#ecc667
rgb(236,198,103)
-
#f3c960
#f3c960
rgb(243,201,96)
-
#f9cc5a
#f9cc5a
rgb(249,204,90)
Color Blindness Simulator
Below, you can see how #ecc667 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.