#ecc700 hex color

In a RGB color space, hex #ecc700 is composed of 92.5% red, 78% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 100% yellow and 7.5% black. It has a hue angle of 50.6 degrees, a saturation of 100% and a lightness of 46.3%. #ecc700 color hex could be obtained by blending #ffff00 with #d98f00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 93
- G 78
- B 0
RGB color chart
- C 0
- M 16
- Y 100
- K 7
CMYK color chart

● #ecc700 color description : Pure (or mostly pure) yellow.

The hexadecimal color #ecc700 has RGB values of R:236, G:199, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.07. Its decimal value is 15517440.

Hex triplet	ecc700	`#ecc700`
RGB Decimal	236, 199, 0	`rgb(236,199,0)`
RGB Percent	92.5, 78, 0	`rgb(92.5%,78%,0%)`
CMYK	0, 16, 100, 7
HSL	50.6°, 100, 46.3	`hsl(50.6,100%,46.3%)`
HSV (or HSB)	50.6°, 100, 92.5
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.116, -1.908, 82.204
XYZ	55.016, 58.682, 8.429
xyY	0.45, 0.48, 58.682
CIE-LCH	81.116, 82.226, 91.33
CIE-LUV	81.116, 32.972, 85.945
Hunter-Lab	76.604, -5.861, 47.099
Binary	11101100, 11000111, 00000000

#ecc700
```
#ecc700 rgb(236,199,0)
```
#0025ec
```
#0025ec rgb(0,37,236)
```

Complementary Color

#ec5100
```
#ec5100 rgb(236,81,0)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#9bec00
```
#9bec00 rgb(155,236,0)
```

Analogous Color

#5100ec
```
#5100ec rgb(81,0,236)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#009bec
```
#009bec rgb(0,155,236)
```

Split Complementary Color

#c700ec
```
#c700ec rgb(199,0,236)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#00ecc7
```
#00ecc7 rgb(0,236,199)
```

Triadic Color

#ec0025
```
#ec0025 rgb(236,0,37)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#00ecc7
```
#00ecc7 rgb(0,236,199)
```
#0025ec
```
#0025ec rgb(0,37,236)
```

Tetradic Color

#a08600
```
#a08600 rgb(160,134,0)
```
#b99c00
```
#b99c00 rgb(185,156,0)
```
#d3b100
```
#d3b100 rgb(211,177,0)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#ffd806
```
#ffd806 rgb(255,216,6)
```
#ffdc20
```
#ffdc20 rgb(255,220,32)
```
#ffe03a
```
#ffe03a rgb(255,224,58)
```

Monochromatic Color

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

#ec8c00
```
#ec8c00 rgb(236,140,0)
```
#eca000
```
#eca000 rgb(236,160,0)
```
#ecb300
```
#ecb300 rgb(236,179,0)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```
#ecdb00
```
#ecdb00 rgb(236,219,0)
```
#eaec00
```
#eaec00 rgb(234,236,0)
```
#d6ec00
```
#d6ec00 rgb(214,236,0)
```

Similar Colors

Text with hexadecimal color #ecc700

This text has a font color of #ecc700.

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

#ecc700 background color

This paragraph has a background color of #ecc700.

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

#ecc700 border color

This element has a border color of #ecc700.

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

CSS codes

.text {color:#ecc700;}

.background {background-color:#ecc700;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#141100
```
#141100 rgb(20,17,0)
```
#282200
```
#282200 rgb(40,34,0)
```
#3b3200
```
#3b3200 rgb(59,50,0)
```
#4f4300
```
#4f4300 rgb(79,67,0)
```
#635300
```
#635300 rgb(99,83,0)
```
#766400
```
#766400 rgb(118,100,0)
```
#8a7400
```
#8a7400 rgb(138,116,0)
```
#9e8500
```
#9e8500 rgb(158,133,0)
```
#b19500
```
#b19500 rgb(177,149,0)
```
#c5a600
```
#c5a600 rgb(197,166,0)
```
#d8b600
```
#d8b600 rgb(216,182,0)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```

Shade Color Variation

#ffd701
```
#ffd701 rgb(255,215,1)
```
#ffda14
```
#ffda14 rgb(255,218,20)
```
#ffdd28
```
#ffdd28 rgb(255,221,40)
```
#ffe03b
```
#ffe03b rgb(255,224,59)
```
#ffe34f
```
#ffe34f rgb(255,227,79)
```
#ffe663
```
#ffe663 rgb(255,230,99)
```
#ffea76
```
#ffea76 rgb(255,234,118)
```
#ffed8a
```
#ffed8a rgb(255,237,138)
```
#fff09e
```
#fff09e rgb(255,240,158)
```
#fff3b1
```
#fff3b1 rgb(255,243,177)
```
#fff6c5
```
#fff6c5 rgb(255,246,197)
```
#fff9d8
```
#fff9d8 rgb(255,249,216)
```
#fffcec
```
#fffcec rgb(255,252,236)
```

Tint Color Variation

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

#7f7c6d
```
#7f7c6d rgb(127,124,109)
```
#888264
```
#888264 rgb(136,130,100)
```
#91895b
```
#91895b rgb(145,137,91)
```
#9a8f52
```
#9a8f52 rgb(154,143,82)
```
#a39549
```
#a39549 rgb(163,149,73)
```
#ac9b40
```
#ac9b40 rgb(172,155,64)
```
#b6a236
```
#b6a236 rgb(182,162,54)
```
#bfa82d
```
#bfa82d rgb(191,168,45)
```
#c8ae24
```
#c8ae24 rgb(200,174,36)
```
#d1b41b
```
#d1b41b rgb(209,180,27)
```
#dabb12
```
#dabb12 rgb(218,187,18)
```
#e3c109
```
#e3c109 rgb(227,193,9)
```
#ecc700
```
#ecc700 rgb(236,199,0)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c5bd96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc09 Protanopia 1% of men
#ffc226 Deuteranopia 1% of men
#f8bcc9 Tritanopia 0.001% of the population

Trichromacy

#e7ca06 Protanomaly 1% of men, 0.01% of women
#f8c418 Deuteranomaly 6% of men, 0.4% of women
#f3c080 Tritanomaly 0.01% of the population

#ecc700 hex color

#ecc700 Color Information

#ecc700 Color Conversion

Color Schemes with #ecc700

Alternatives to #ecc700

#ecc700 Preview

Shades and Tints of #ecc700

Tones of #ecc700

Color Blindness Simulator