#ecc274 hex color

In a RGB color space, hex #ecc274 is composed of 92.5% red, 76.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 50.8% yellow and 7.5% black. It has a hue angle of 39 degrees, a saturation of 75.9% and a lightness of 69%. #ecc274 color hex could be obtained by blending #ffffe8 with #d98500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 93
- G 76
- B 45
RGB color chart
- C 0
- M 18
- Y 51
- K 7
CMYK color chart

● #ecc274 color description : Soft orange.

The hexadecimal color #ecc274 has RGB values of R:236, G:194, B:116 and CMYK values of C:0, M:0.18, Y:0.51, K:0.07. Its decimal value is 15516276.

Hex triplet	ecc274	`#ecc274`
RGB Decimal	236, 194, 116	`rgb(236,194,116)`
RGB Percent	92.5, 76.1, 45.5	`rgb(92.5%,76.1%,45.5%)`
CMYK	0, 18, 51, 7
HSL	39°, 75.9, 69	`hsl(39,75.9%,69%)`
HSV (or HSB)	39°, 50.8, 92.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.56, 5.529, 44.588
XYZ	57.036, 57.68, 24.651
xyY	0.409, 0.414, 57.68
CIE-LCH	80.56, 44.929, 82.932
CIE-LUV	80.56, 32.655, 55.264
Hunter-Lab	75.947, 1.147, 33.918
Binary	11101100, 11000010, 01110100

#ecc274
```
#ecc274 rgb(236,194,116)
```
#749eec
```
#749eec rgb(116,158,236)
```

Complementary Color

#ec8674
```
#ec8674 rgb(236,134,116)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#daec74
```
#daec74 rgb(218,236,116)
```

Analogous Color

#8674ec
```
#8674ec rgb(134,116,236)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#74daec
```
#74daec rgb(116,218,236)
```

Split Complementary Color

#c274ec
```
#c274ec rgb(194,116,236)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#74ecc2
```
#74ecc2 rgb(116,236,194)
```

Triadic Color

#ec749e
```
#ec749e rgb(236,116,158)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#74ecc2
```
#74ecc2 rgb(116,236,194)
```
#749eec
```
#749eec rgb(116,158,236)
```

Tetradic Color

#e3a431
```
#e3a431 rgb(227,164,49)
```
#e6ae47
```
#e6ae47 rgb(230,174,71)
```
#e9b85e
```
#e9b85e rgb(233,184,94)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#efcc8a
```
#efcc8a rgb(239,204,138)
```
#f2d6a1
```
#f2d6a1 rgb(242,214,161)
```
#f5e0b7
```
#f5e0b7 rgb(245,224,183)
```

Monochromatic Color

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

#eca474
```
#eca474 rgb(236,164,116)
```
#ecae74
```
#ecae74 rgb(236,174,116)
```
#ecb874
```
#ecb874 rgb(236,184,116)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#eccc74
```
#eccc74 rgb(236,204,116)
```
#ecd674
```
#ecd674 rgb(236,214,116)
```
#ece074
```
#ece074 rgb(236,224,116)
```

Similar Colors

Text with hexadecimal color #ecc274

This text has a font color of #ecc274.

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

#ecc274 background color

This paragraph has a background color of #ecc274.

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

#ecc274 border color

This element has a border color of #ecc274.

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

CSS codes

.text {color:#ecc274;}

.background {background-color:#ecc274;}

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

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, #100b02 is the darkest color, while #fffffe is the lightest one.

#100b02
```
#100b02 rgb(16,11,2)
```
#221705
```
#221705 rgb(34,23,5)
```
#332307
```
#332307 rgb(51,35,7)
```
#443009
```
#443009 rgb(68,48,9)
```
#553c0c
```
#553c0c rgb(85,60,12)
```
#67480e
```
#67480e rgb(103,72,14)
```
#785410
```
#785410 rgb(120,84,16)
```
#896013
```
#896013 rgb(137,96,19)
```
#9a6c15
```
#9a6c15 rgb(154,108,21)
```
#ac7817
```
#ac7817 rgb(172,120,23)
```
#bd841a
```
#bd841a rgb(189,132,26)
```
#ce901c
```
#ce901c rgb(206,144,28)
```
#df9c1f
```
#df9c1f rgb(223,156,31)
```

Shade Color Variation

#e3a42f
```
#e3a42f rgb(227,164,47)
```
#e5ab40
```
#e5ab40 rgb(229,171,64)
```
#e7b351
```
#e7b351 rgb(231,179,81)
```
#eaba63
```
#eaba63 rgb(234,186,99)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#eeca85
```
#eeca85 rgb(238,202,133)
```
#f1d197
```
#f1d197 rgb(241,209,151)
```
#f3d9a8
```
#f3d9a8 rgb(243,217,168)
```
#f5e0b9
```
#f5e0b9 rgb(245,224,185)
```
#f8e8ca
```
#f8e8ca rgb(248,232,202)
```
#faefdc
```
#faefdc rgb(250,239,220)
```
#fdf7ed
```
#fdf7ed rgb(253,247,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b5b2ab
```
#b5b2ab rgb(181,178,171)
```
#bbb3a5
```
#bbb3a5 rgb(187,179,165)
```
#c1b59f
```
#c1b59f rgb(193,181,159)
```
#c8b798
```
#c8b798 rgb(200,183,152)
```
#ceb992
```
#ceb992 rgb(206,185,146)
```
#d4bb8c
```
#d4bb8c rgb(212,187,140)
```
#dabd86
```
#dabd86 rgb(218,189,134)
```
#e0be80
```
#e0be80 rgb(224,190,128)
```
#e6c07a
```
#e6c07a rgb(230,192,122)
```
#ecc274
```
#ecc274 rgb(236,194,116)
```
#f2c46e
```
#f2c46e rgb(242,196,110)
```
#f8c668
```
#f8c668 rgb(248,198,104)
```
#fec762
```
#fec762 rgb(254,199,98)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cec5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddca7d Protanopia 1% of men
#f4c27c Deuteranopia 1% of men
#f4bbc8 Tritanopia 0.001% of the population

Trichromacy

#e2c779 Protanomaly 1% of men, 0.01% of women
#f1c279 Deuteranomaly 6% of men, 0.4% of women
#f1beaa Tritanomaly 0.01% of the population

#ecc274 hex color

#ecc274 Color Information

#ecc274 Color Conversion

Color Schemes with #ecc274

Alternatives to #ecc274

#ecc274 Preview

Shades and Tints of #ecc274

Tones of #ecc274

Color Blindness Simulator