#ecc699 Color Information
In a RGB color space, hex #ecc699 is composed of 92.5% red, 77.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 35.2% yellow and 7.5% black. It has a hue angle of 32.5 degrees, a saturation of 68.6% and a lightness of 76.3%. #ecc699 color hex could be obtained by blending #ffffff with #d98d33. Closest websafe color is: #ffcc99.
-
- R 93
- G 78
- B 60
-
- C 0
- M 16
- Y 35
- K 7
● #ecc699 color description : Very soft orange.
#ecc699 Color Conversion
The hexadecimal color #ecc699 has RGB values of R:236, G:198, B:153 and CMYK values of C:0, M:0.16, Y:0.35, K:0.07. Its decimal value is 15517337.
Hex triplet | ecc699 | #ecc699 |
---|---|---|
RGB Decimal | 236, 198, 153 | rgb(236,198,153) |
RGB Percent | 92.5, 77.6, 60 | rgb(92.5%,77.6%,60%) |
CMYK | 0, 16, 35, 7 | |
HSL | 32.5°, 68.6, 76.3 | hsl(32.5,68.6%,76.3%) |
HSV (or HSB) | 32.5°, 35.2, 92.5 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 82.122, 7.253, 27.591 |
---|---|
XYZ | 60.536, 60.523, 38.629 |
xyY | 0.379, 0.379, 60.523 |
CIE-LCH | 82.122, 28.529, 75.272 |
CIE-LUV | 82.122, 27.207, 36.337 |
Hunter-Lab | 77.796, 2.752, 25.018 |
Binary | 11101100, 11000110, 10011001 |
Color Schemes with #ecc699
Alternatives to #ecc699
Below, you can see some colors close to #ecc699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc699 Preview
This text has a font color of #ecc699.
<span style="color:#ecc699;">Text here</span>
This paragraph has a background color of #ecc699.
<p style="background-color:#ecc699;">Content here</p>
This element has a border color of #ecc699.
<div style="border:1px solid #ecc699;">Content here</div>
.text {color:#ecc699;}
.background {background-color:#ecc699;}
.border {border:1px solid #ecc699;}
Shades and Tints of #ecc699
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, #0e0903 is the darkest color, while #fefdfc is the lightest one.
-
#0e0903
#0e0903
rgb(14,9,3)
-
#1e1306
#1e1306
rgb(30,19,6)
-
#2f1d09
#2f1d09
rgb(47,29,9)
-
#3f280c
#3f280c
rgb(63,40,12)
-
#50320f
#50320f
rgb(80,50,15)
-
#603d12
#603d12
rgb(96,61,18)
-
#714715
#714715
rgb(113,71,21)
-
#815118
#815118
rgb(129,81,24)
-
#925c1b
#925c1b
rgb(146,92,27)
-
#a3661e
#a3661e
rgb(163,102,30)
-
#b37021
#b37021
rgb(179,112,33)
-
#c47b24
#c47b24
rgb(196,123,36)
-
#d48528
#d48528
rgb(212,133,40)
-
#da8f36
#da8f36
rgb(218,143,54)
-
#dd9846
#dd9846
rgb(221,152,70)
-
#e0a157
#e0a157
rgb(224,161,87)
-
#e3aa67
#e3aa67
rgb(227,170,103)
-
#e6b478
#e6b478
rgb(230,180,120)
-
#e9bd88
#e9bd88
rgb(233,189,136)
-
#ecc699
#ecc699
rgb(236,198,153)
-
#efcfaa
#efcfaa
rgb(239,207,170)
-
#f2d8ba
#f2d8ba
rgb(242,216,186)
-
#f5e2cb
#f5e2cb
rgb(245,226,203)
-
#f8ebdb
#f8ebdb
rgb(248,235,219)
-
#fbf4ec
#fbf4ec
rgb(251,244,236)
-
#fefdfc
#fefdfc
rgb(254,253,252)
Tones of #ecc699
A tone is produced by adding gray to any pure hue. In this case, #c7c3be is the less saturated color, while #ffc886 is the most saturated one.
-
#c7c3be
#c7c3be
rgb(199,195,190)
-
#cbc3ba
#cbc3ba
rgb(203,195,186)
-
#d0c4b5
#d0c4b5
rgb(208,196,181)
-
#d5c4b0
#d5c4b0
rgb(213,196,176)
-
#d9c4ac
#d9c4ac
rgb(217,196,172)
-
#dec5a7
#dec5a7
rgb(222,197,167)
-
#e3c5a2
#e3c5a2
rgb(227,197,162)
-
#e7c69e
#e7c69e
rgb(231,198,158)
-
#ecc699
#ecc699
rgb(236,198,153)
-
#f1c694
#f1c694
rgb(241,198,148)
-
#f5c790
#f5c790
rgb(245,199,144)
-
#fac78b
#fac78b
rgb(250,199,139)
-
#ffc886
#ffc886
rgb(255,200,134)
Color Blindness Simulator
Below, you can see how #ecc699 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.