#ecc167 Color Information
In a RGB color space, hex #ecc167 is composed of 92.5% red, 75.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.2% magenta, 56.4% yellow and 7.5% black. It has a hue angle of 40.6 degrees, a saturation of 77.8% and a lightness of 66.5%. #ecc167 color hex could be obtained by blending #ffffce with #d98300. Closest websafe color is: #ffcc66.
-
- R 93
- G 76
- B 40
-
- C 0
- M 18
- Y 56
- K 7
● #ecc167 color description : Soft orange.
#ecc167 Color Conversion
The hexadecimal color #ecc167 has RGB values of R:236, G:193, B:103 and CMYK values of C:0, M:0.18, Y:0.56, K:0.07. Its decimal value is 15516007.
Hex triplet | ecc167 | #ecc167 |
---|---|---|
RGB Decimal | 236, 193, 103 | rgb(236,193,103) |
RGB Percent | 92.5, 75.7, 40.4 | rgb(92.5%,75.7%,40.4%) |
CMYK | 0, 18, 56, 7 | |
HSL | 40.6°, 77.8, 66.5 | hsl(40.6,77.8%,66.5%) |
HSV (or HSB) | 40.6°, 56.4, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.154, 4.986, 50.47 |
---|---|
XYZ | 56.111, 56.954, 20.869 |
xyY | 0.419, 0.425, 56.954 |
CIE-LCH | 80.154, 50.715, 84.358 |
CIE-LUV | 80.154, 34.202, 60.914 |
Hunter-Lab | 75.468, 0.646, 36.432 |
Binary | 11101100, 11000001, 01100111 |
Color Schemes with #ecc167
Alternatives to #ecc167
Below, you can see some colors close to #ecc167. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc167 Preview
This text has a font color of #ecc167.
<span style="color:#ecc167;">Text here</span>
This paragraph has a background color of #ecc167.
<p style="background-color:#ecc167;">Content here</p>
This element has a border color of #ecc167.
<div style="border:1px solid #ecc167;">Content here</div>
.text {color:#ecc167;}
.background {background-color:#ecc167;}
.border {border:1px solid #ecc167;}
Shades and Tints of #ecc167
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)
-
#161003
#161003
rgb(22,16,3)
-
#281d05
#281d05
rgb(40,29,5)
-
#392907
#392907
rgb(57,41,7)
-
#4b3609
#4b3609
rgb(75,54,9)
-
#5c420c
#5c420c
rgb(92,66,12)
-
#6e4f0e
#6e4f0e
rgb(110,79,14)
-
#7f5b10
#7f5b10
rgb(127,91,16)
-
#906812
#906812
rgb(144,104,18)
-
#a27414
#a27414
rgb(162,116,20)
-
#b38116
#b38116
rgb(179,129,22)
-
#c58d19
#c58d19
rgb(197,141,25)
-
#d69a1b
#d69a1b
rgb(214,154,27)
-
#e3a521
#e3a521
rgb(227,165,33)
-
#e5ac33
#e5ac33
rgb(229,172,51)
-
#e8b344
#e8b344
rgb(232,179,68)
-
#eaba56
#eaba56
rgb(234,186,86)
-
#ecc167
#ecc167
rgb(236,193,103)
-
#eec878
#eec878
rgb(238,200,120)
-
#f0cf8a
#f0cf8a
rgb(240,207,138)
-
#f3d69b
#f3d69b
rgb(243,214,155)
-
#f5ddad
#f5ddad
rgb(245,221,173)
-
#f7e5be
#f7e5be
rgb(247,229,190)
-
#f9ecd0
#f9ecd0
rgb(249,236,208)
-
#fbf3e1
#fbf3e1
rgb(251,243,225)
-
#fdfaf2
#fdfaf2
rgb(253,250,242)
Tones of #ecc167
A tone is produced by adding gray to any pure hue. In this case, #aaaaa9 is the less saturated color, while #f9c65a is the most saturated one.
-
#aaaaa9
#aaaaa9
rgb(170,170,169)
-
#b1aca2
#b1aca2
rgb(177,172,162)
-
#b7ae9c
#b7ae9c
rgb(183,174,156)
-
#beb195
#beb195
rgb(190,177,149)
-
#c5b38e
#c5b38e
rgb(197,179,142)
-
#cbb588
#cbb588
rgb(203,181,136)
-
#d2b881
#d2b881
rgb(210,184,129)
-
#d8ba7b
#d8ba7b
rgb(216,186,123)
-
#dfbc74
#dfbc74
rgb(223,188,116)
-
#e5bf6e
#e5bf6e
rgb(229,191,110)
-
#ecc167
#ecc167
rgb(236,193,103)
-
#f3c360
#f3c360
rgb(243,195,96)
-
#f9c65a
#f9c65a
rgb(249,198,90)
Color Blindness Simulator
Below, you can see how #ecc167 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.