#ecc675 Color Information
In a RGB color space, hex #ecc675 is composed of 92.5% red, 77.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 50.4% yellow and 7.5% black. It has a hue angle of 40.8 degrees, a saturation of 75.8% and a lightness of 69.2%. #ecc675 color hex could be obtained by blending #ffffea with #d98d00. Closest websafe color is: #ffcc66.
-
- R 93
- G 78
- B 46
-
- C 0
- M 16
- Y 50
- K 7
● #ecc675 color description : Soft orange.
#ecc675 Color Conversion
The hexadecimal color #ecc675 has RGB values of R:236, G:198, B:117 and CMYK values of C:0, M:0.16, Y:0.5, K:0.07. Its decimal value is 15517301.
Hex triplet | ecc675 | #ecc675 |
---|---|---|
RGB Decimal | 236, 198, 117 | rgb(236,198,117) |
RGB Percent | 92.5, 77.6, 45.9 | rgb(92.5%,77.6%,45.9%) |
CMYK | 0, 16, 50, 7 | |
HSL | 40.8°, 75.8, 69.2 | hsl(40.8,75.8%,69.2%) |
HSV (or HSB) | 40.8°, 50.4, 92.5 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.57, 3.532, 45.333 |
---|---|
XYZ | 57.997, 59.507, 25.26 |
xyY | 0.406, 0.417, 59.507 |
CIE-LCH | 81.57, 45.47, 85.544 |
CIE-LUV | 81.57, 29.887, 56.691 |
Hunter-Lab | 77.141, -0.795, 34.584 |
Binary | 11101100, 11000110, 01110101 |
Color Schemes with #ecc675
Alternatives to #ecc675
Below, you can see some colors close to #ecc675. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc675 Preview
This text has a font color of #ecc675.
<span style="color:#ecc675;">Text here</span>
This paragraph has a background color of #ecc675.
<p style="background-color:#ecc675;">Content here</p>
This element has a border color of #ecc675.
<div style="border:1px solid #ecc675;">Content here</div>
.text {color:#ecc675;}
.background {background-color:#ecc675;}
.border {border:1px solid #ecc675;}
Shades and Tints of #ecc675
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, #110c02 is the darkest color, while #ffffff is the lightest one.
-
#110c02
#110c02
rgb(17,12,2)
-
#221905
#221905
rgb(34,25,5)
-
#342507
#342507
rgb(52,37,7)
-
#453209
#453209
rgb(69,50,9)
-
#563e0c
#563e0c
rgb(86,62,12)
-
#674b0e
#674b0e
rgb(103,75,14)
-
#795711
#795711
rgb(121,87,17)
-
#8a6413
#8a6413
rgb(138,100,19)
-
#9b7015
#9b7015
rgb(155,112,21)
-
#ac7d18
#ac7d18
rgb(172,125,24)
-
#be891a
#be891a
rgb(190,137,26)
-
#cf961c
#cf961c
rgb(207,150,28)
-
#e0a21f
#e0a21f
rgb(224,162,31)
-
#e3aa30
#e3aa30
rgb(227,170,48)
-
#e5b141
#e5b141
rgb(229,177,65)
-
#e7b853
#e7b853
rgb(231,184,83)
-
#eabf64
#eabf64
rgb(234,191,100)
-
#ecc675
#ecc675
rgb(236,198,117)
-
#eecd86
#eecd86
rgb(238,205,134)
-
#f1d497
#f1d497
rgb(241,212,151)
-
#f3dba9
#f3dba9
rgb(243,219,169)
-
#f5e2ba
#f5e2ba
rgb(245,226,186)
-
#f8eacb
#f8eacb
rgb(248,234,203)
-
#faf1dc
#faf1dc
rgb(250,241,220)
-
#fdf8ee
#fdf8ee
rgb(253,248,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ecc675
A tone is produced by adding gray to any pure hue. In this case, #b6b2ab is the less saturated color, while #fecd63 is the most saturated one.
-
#b6b2ab
#b6b2ab
rgb(182,178,171)
-
#bcb5a5
#bcb5a5
rgb(188,181,165)
-
#c2b79f
#c2b79f
rgb(194,183,159)
-
#c8b999
#c8b999
rgb(200,185,153)
-
#cebb93
#cebb93
rgb(206,187,147)
-
#d4bd8d
#d4bd8d
rgb(212,189,141)
-
#dabf87
#dabf87
rgb(218,191,135)
-
#e0c281
#e0c281
rgb(224,194,129)
-
#e6c47b
#e6c47b
rgb(230,196,123)
-
#ecc675
#ecc675
rgb(236,198,117)
-
#f2c86f
#f2c86f
rgb(242,200,111)
-
#f8ca69
#f8ca69
rgb(248,202,105)
-
#fecd63
#fecd63
rgb(254,205,99)
Color Blindness Simulator
Below, you can see how #ecc675 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.