#ecc345 Color Information
In a RGB color space, hex #ecc345 is composed of 92.5% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 70.8% yellow and 7.5% black. It has a hue angle of 45.3 degrees, a saturation of 81.5% and a lightness of 59.8%. #ecc345 color hex could be obtained by blending #ffff8a with #d98700. Closest websafe color is: #ffcc33.
-
- R 93
- G 76
- B 27
-
- C 0
- M 17
- Y 71
- K 7
● #ecc345 color description : Bright yellow.
#ecc345 Color Conversion
The hexadecimal color #ecc345 has RGB values of R:236, G:195, B:69 and CMYK values of C:0, M:0.17, Y:0.71, K:0.07. Its decimal value is 15516485.
Hex triplet | ecc345 | #ecc345 |
---|---|---|
RGB Decimal | 236, 195, 69 | rgb(236,195,69) |
RGB Percent | 92.5, 76.5, 27.1 | rgb(92.5%,76.5%,27.1%) |
CMYK | 0, 17, 71, 7 | |
HSL | 45.3°, 81.5, 59.8 | hsl(45.3,81.5%,59.8%) |
HSV (or HSB) | 45.3°, 70.8, 92.5 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.345, 1.834, 65.693 |
---|---|
XYZ | 55.182, 57.295, 13.782 |
xyY | 0.437, 0.454, 57.295 |
CIE-LCH | 80.345, 65.718, 88.401 |
CIE-LUV | 80.345, 34.529, 74.24 |
Hunter-Lab | 75.694, -2.334, 42.19 |
Binary | 11101100, 11000011, 01000101 |
Color Schemes with #ecc345
Alternatives to #ecc345
Below, you can see some colors close to #ecc345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc345 Preview
This text has a font color of #ecc345.
<span style="color:#ecc345;">Text here</span>
This paragraph has a background color of #ecc345.
<p style="background-color:#ecc345;">Content here</p>
This element has a border color of #ecc345.
<div style="border:1px solid #ecc345;">Content here</div>
.text {color:#ecc345;}
.background {background-color:#ecc345;}
.border {border:1px solid #ecc345;}
Shades and Tints of #ecc345
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, #0a0801 is the darkest color, while #fefcf7 is the lightest one.
-
#0a0801
#0a0801
rgb(10,8,1)
-
#1c1503
#1c1503
rgb(28,21,3)
-
#2d2305
#2d2305
rgb(45,35,5)
-
#3f3106
#3f3106
rgb(63,49,6)
-
#513f08
#513f08
rgb(81,63,8)
-
#634d0a
#634d0a
rgb(99,77,10)
-
#755b0c
#755b0c
rgb(117,91,12)
-
#86690e
#86690e
rgb(134,105,14)
-
#987710
#987710
rgb(152,119,16)
-
#aa8411
#aa8411
rgb(170,132,17)
-
#bc9213
#bc9213
rgb(188,146,19)
-
#cea015
#cea015
rgb(206,160,21)
-
#dfae17
#dfae17
rgb(223,174,23)
-
#e8b821
#e8b821
rgb(232,184,33)
-
#eabd33
#eabd33
rgb(234,189,51)
-
#ecc345
#ecc345
rgb(236,195,69)
-
#eec957
#eec957
rgb(238,201,87)
-
#f0ce69
#f0ce69
rgb(240,206,105)
-
#f1d47a
#f1d47a
rgb(241,212,122)
-
#f3da8c
#f3da8c
rgb(243,218,140)
-
#f5e09e
#f5e09e
rgb(245,224,158)
-
#f7e5b0
#f7e5b0
rgb(247,229,176)
-
#f9ebc2
#f9ebc2
rgb(249,235,194)
-
#fbf1d3
#fbf1d3
rgb(251,241,211)
-
#fcf7e5
#fcf7e5
rgb(252,247,229)
-
#fefcf7
#fefcf7
rgb(254,252,247)
Tones of #ecc345
A tone is produced by adding gray to any pure hue. In this case, #9d9b94 is the less saturated color, while #fccb35 is the most saturated one.
-
#9d9b94
#9d9b94
rgb(157,155,148)
-
#a59f8c
#a59f8c
rgb(165,159,140)
-
#ada384
#ada384
rgb(173,163,132)
-
#b5a77c
#b5a77c
rgb(181,167,124)
-
#bdab74
#bdab74
rgb(189,171,116)
-
#c5af6c
#c5af6c
rgb(197,175,108)
-
#ccb365
#ccb365
rgb(204,179,101)
-
#d4b75d
#d4b75d
rgb(212,183,93)
-
#dcbb55
#dcbb55
rgb(220,187,85)
-
#e4bf4d
#e4bf4d
rgb(228,191,77)
-
#ecc345
#ecc345
rgb(236,195,69)
-
#f4c73d
#f4c73d
rgb(244,199,61)
-
#fccb35
#fccb35
rgb(252,203,53)
Color Blindness Simulator
Below, you can see how #ecc345 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.