#ecc316 hex color

In a RGB color space, hex #ecc316 is composed of 92.5% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 90.7% yellow and 7.5% black. It has a hue angle of 48.5 degrees, a saturation of 84.9% and a lightness of 50.6%. #ecc316 color hex could be obtained by blending #ffff2c with #d98700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 93
- G 76
- B 9
RGB color chart
- C 0
- M 17
- Y 91
- K 7
CMYK color chart

● #ecc316 color description : Vivid yellow.

The hexadecimal color #ecc316 has RGB values of R:236, G:195, B:22 and CMYK values of C:0, M:0.17, Y:0.91, K:0.07. Its decimal value is 15516438.

Hex triplet	ecc316	`#ecc316`
RGB Decimal	236, 195, 22	`rgb(236,195,22)`
RGB Percent	92.5, 76.5, 8.6	`rgb(92.5%,76.5%,8.6%)`
CMYK	0, 17, 91, 7
HSL	48.5°, 84.9, 50.6	`hsl(48.5,84.9%,50.6%)`
HSV (or HSB)	48.5°, 90.7, 92.5
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	80.136, 0.38, 78.992
XYZ	54.253, 56.923, 8.889
xyY	0.452, 0.474, 56.923
CIE-LCH	80.136, 78.992, 89.725
CIE-LUV	80.136, 35.748, 83.055
Hunter-Lab	75.448, -3.678, 45.828
Binary	11101100, 11000011, 00010110

#ecc316
```
#ecc316 rgb(236,195,22)
```
#163fec
```
#163fec rgb(22,63,236)
```

Complementary Color

#ec5816
```
#ec5816 rgb(236,88,22)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#aaec16
```
#aaec16 rgb(170,236,22)
```

Analogous Color

#5816ec
```
#5816ec rgb(88,22,236)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#16aaec
```
#16aaec rgb(22,170,236)
```

Split Complementary Color

#c316ec
```
#c316ec rgb(195,22,236)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#16ecc3
```
#16ecc3 rgb(22,236,195)
```

Triadic Color

#ec163f
```
#ec163f rgb(236,22,63)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#16ecc3
```
#16ecc3 rgb(22,236,195)
```
#163fec
```
#163fec rgb(22,63,236)
```

Tetradic Color

#a88a0e
```
#a88a0e rgb(168,138,14)
```
#bf9e10
```
#bf9e10 rgb(191,158,16)
```
#d7b112
```
#d7b112 rgb(215,177,18)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#eec92e
```
#eec92e rgb(238,201,46)
```
#f0cf45
```
#f0cf45 rgb(240,207,69)
```
#f2d55d
```
#f2d55d rgb(242,213,93)
```

Monochromatic Color

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

#ec8e16
```
#ec8e16 rgb(236,142,22)
```
#ec9f16
```
#ec9f16 rgb(236,159,22)
```
#ecb116
```
#ecb116 rgb(236,177,22)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#ecd516
```
#ecd516 rgb(236,213,22)
```
#ece716
```
#ece716 rgb(236,231,22)
```
#e0ec16
```
#e0ec16 rgb(224,236,22)
```

Similar Colors

Text with hexadecimal color #ecc316

This text has a font color of #ecc316.

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

#ecc316 background color

This paragraph has a background color of #ecc316.

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

#ecc316 border color

This element has a border color of #ecc316.

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

CSS codes

.text {color:#ecc316;}

.background {background-color:#ecc316;}

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

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, #030200 is the darkest color, while #fefbf0 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#151102
```
#151102 rgb(21,17,2)
```
#272003
```
#272003 rgb(39,32,3)
```
#392f05
```
#392f05 rgb(57,47,5)
```
#4b3e06
```
#4b3e06 rgb(75,62,6)
```
#5d4d08
```
#5d4d08 rgb(93,77,8)
```
#705c09
```
#705c09 rgb(112,92,9)
```
#826b0b
```
#826b0b rgb(130,107,11)
```
#947a0c
```
#947a0c rgb(148,122,12)
```
#a6890e
```
#a6890e rgb(166,137,14)
```
#b8980f
```
#b8980f rgb(184,152,15)
```
#caa710
```
#caa710 rgb(202,167,16)
```
#dcb612
```
#dcb612 rgb(220,182,18)
```

Shade Color Variation

#ecc316
```
#ecc316 rgb(236,195,22)
```
#edc828
```
#edc828 rgb(237,200,40)
```
#efcc3a
```
#efcc3a rgb(239,204,58)
```
#f0d14c
```
#f0d14c rgb(240,209,76)
```
#f2d65f
```
#f2d65f rgb(242,214,95)
```
#f3da71
```
#f3da71 rgb(243,218,113)
```
#f5df83
```
#f5df83 rgb(245,223,131)
```
#f6e495
```
#f6e495 rgb(246,228,149)
```
#f8e8a7
```
#f8e8a7 rgb(248,232,167)
```
#f9edb9
```
#f9edb9 rgb(249,237,185)
```
#fbf2cb
```
#fbf2cb rgb(251,242,203)
```
#fcf6de
```
#fcf6de rgb(252,246,222)
```
#fefbf0
```
#fefbf0 rgb(254,251,240)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#8b8777
```
#8b8777 rgb(139,135,119)
```
#958d6d
```
#958d6d rgb(149,141,109)
```
#9e9364
```
#9e9364 rgb(158,147,100)
```
#a8995a
```
#a8995a rgb(168,153,90)
```
#b29f50
```
#b29f50 rgb(178,159,80)
```
#bca546
```
#bca546 rgb(188,165,70)
```
#c5ab3d
```
#c5ab3d rgb(197,171,61)
```
#cfb133
```
#cfb133 rgb(207,177,51)
```
#d9b729
```
#d9b729 rgb(217,183,41)
```
#e2bd20
```
#e2bd20 rgb(226,189,32)
```
#ecc316
```
#ecc316 rgb(236,195,22)
```
#f6c90c
```
#f6c90c rgb(246,201,12)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c6bd9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca23 Protanopia 1% of men
#fbbf28 Deuteranopia 1% of men
#f7b9c5 Tritanopia 0.001% of the population

Trichromacy

#e5c71e Protanomaly 1% of men, 0.01% of women
#f6c121 Deuteranomaly 6% of men, 0.4% of women
#f3bc85 Tritanomaly 0.01% of the population

#ecc316 hex color

#ecc316 Color Information

#ecc316 Color Conversion

Color Schemes with #ecc316

Alternatives to #ecc316

#ecc316 Preview

Shades and Tints of #ecc316

Tones of #ecc316

Color Blindness Simulator