colorhexa.com

#ecdc0c hex color

In a RGB color space, hex #ecdc0c is composed of 92.5% red, 86.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.8% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 55.7 degrees, a saturation of 90.3% and a lightness of 48.6%. #ecdc0c color hex could be obtained by blending #ffff18 with #d9b900. Closest websafe color is: #ffcc00.

- R 93
- G 86
- B 5
RGB color chart
- C 0
- M 7
- Y 95
- K 7
CMYK color chart

● #ecdc0c color description : Vivid yellow.

The hexadecimal color #ecdc0c has RGB values of R:236, G:220, B:12 and CMYK values of C:0, M:0.07, Y:0.95, K:0.07. Its decimal value is 15522828.

Hex triplet	ecdc0c	`#ecdc0c`
RGB Decimal	236, 220, 12	`rgb(236,220,12)`
RGB Percent	92.5, 86.3, 4.7	`rgb(92.5%,86.3%,4.7%)`
CMYK	0, 7, 95, 7
HSL	55.7°, 90.3, 48.6	`hsl(55.7,90.3%,48.6%)`
HSV (or HSB)	55.7°, 94.9, 92.5
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.528, -12.411, 85.052
XYZ	60.252, 69.047, 10.502
xyY	0.431, 0.494, 69.047
CIE-LCH	86.528, 85.953, 98.302
CIE-LUV	86.528, 17.909, 93.176
Hunter-Lab	83.095, -15.985, 50.673
Binary	11101100, 11011100, 00001100

#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#0c1cec
```
#0c1cec rgb(12,28,236)
```

Complementary Color

#ec6c0c
```
#ec6c0c rgb(236,108,12)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#8cec0c
```
#8cec0c rgb(140,236,12)
```

Analogous Color

#6c0cec
```
#6c0cec rgb(108,12,236)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#0c8cec
```
#0c8cec rgb(12,140,236)
```

Split Complementary Color

#dc0cec
```
#dc0cec rgb(220,12,236)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#0cecdc
```
#0cecdc rgb(12,236,220)
```

Triadic Color

#ec0c1c
```
#ec0c1c rgb(236,12,28)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#0cecdc
```
#0cecdc rgb(12,236,220)
```
#0c1cec
```
#0c1cec rgb(12,28,236)
```

Tetradic Color

#a39808
```
#a39808 rgb(163,152,8)
```
#bbaf0a
```
#bbaf0a rgb(187,175,10)
```
#d4c50b
```
#d4c50b rgb(212,197,11)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#f4e41e
```
#f4e41e rgb(244,228,30)
```
#f5e736
```
#f5e736 rgb(245,231,54)
```
#f6ea4e
```
#f6ea4e rgb(246,234,78)
```

Monochromatic Color

Below, you can see some colors close to #ecdc0c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#eca40c
```
#eca40c rgb(236,164,12)
```
#ecb70c
```
#ecb70c rgb(236,183,12)
```
#ecc90c
```
#ecc90c rgb(236,201,12)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#e9ec0c
```
#e9ec0c rgb(233,236,12)
```
#d7ec0c
```
#d7ec0c rgb(215,236,12)
```
#c4ec0c
```
#c4ec0c rgb(196,236,12)
```

Similar Colors

Text with hexadecimal color #ecdc0c

This text has a font color of #ecdc0c.

<span style="color:#ecdc0c;">Text here</span>

#ecdc0c background color

This paragraph has a background color of #ecdc0c.

<p style="background-color:#ecdc0c;">Content here</p>

#ecdc0c border color

This element has a border color of #ecdc0c.

<div style="border:1px solid #ecdc0c;">Content here</div>

CSS codes

.text {color:#ecdc0c;}

.background {background-color:#ecdc0c;}

.border {border:1px solid #ecdc0c;}

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, #0c0b01 is the darkest color, while #fffef8 is the lightest one.

#0c0b01
```
#0c0b01 rgb(12,11,1)
```
#1f1d02
```
#1f1d02 rgb(31,29,2)
```
#312e03
```
#312e03 rgb(49,46,3)
```
#443f03
```
#443f03 rgb(68,63,3)
```
#575104
```
#575104 rgb(87,81,4)
```
#696205
```
#696205 rgb(105,98,5)
```
#7c7406
```
#7c7406 rgb(124,116,6)
```
#8f8507
```
#8f8507 rgb(143,133,7)
```
#a19608
```
#a19608 rgb(161,150,8)
```
#b4a809
```
#b4a809 rgb(180,168,9)
```
#c7b90a
```
#c7b90a rgb(199,185,10)
```
#d9cb0b
```
#d9cb0b rgb(217,203,11)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```

Shade Color Variation

#f3e418
```
#f3e418 rgb(243,228,24)
```
#f4e62b
```
#f4e62b rgb(244,230,43)
```
#f5e83e
```
#f5e83e rgb(245,232,62)
```
#f6ea50
```
#f6ea50 rgb(246,234,80)
```
#f7ec63
```
#f7ec63 rgb(247,236,99)
```
#f8ef76
```
#f8ef76 rgb(248,239,118)
```
#f9f188
```
#f9f188 rgb(249,241,136)
```
#faf39b
```
#faf39b rgb(250,243,155)
```
#fbf5ae
```
#fbf5ae rgb(251,245,174)
```
#fcf8c0
```
#fcf8c0 rgb(252,248,192)
```
#fdfad3
```
#fdfad3 rgb(253,250,211)
```
#fefce6
```
#fefce6 rgb(254,252,230)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838275 is the less saturated color, while #f6e402 is the most saturated one.

#838275
```
#838275 rgb(131,130,117)
```
#8d8a6b
```
#8d8a6b rgb(141,138,107)
```
#969262
```
#969262 rgb(150,146,98)
```
#a09b58
```
#a09b58 rgb(160,155,88)
```
#a9a34f
```
#a9a34f rgb(169,163,79)
```
#b3ab45
```
#b3ab45 rgb(179,171,69)
```
#bcb33c
```
#bcb33c rgb(188,179,60)
```
#c6bb32
```
#c6bb32 rgb(198,187,50)
```
#cfc329
```
#cfc329 rgb(207,195,41)
```
#d9cc1f
```
#d9cc1f rgb(217,204,31)
```
#e2d416
```
#e2d416 rgb(226,212,22)
```
#ecdc0c
```
#ecdc0c rgb(236,220,12)
```
#f6e402
```
#f6e402 rgb(246,228,2)
```

Tone Color Variation

Below, you can see how #ecdc0c 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.

Monochromacy

#c9c9c9 Achromatopsia 0.005% of the population
#d0cda3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db17 Protanopia 1% of men
#ffd391 Deuteranopia 1% of men
#fbcfdd Tritanopia 0.001% of the population

Trichromacy

#f1db13 Protanomaly 1% of men, 0.01% of women
#f8d661 Deuteranomaly 6% of men, 0.4% of women
#f5d391 Tritanomaly 0.01% of the population