#ecc070 hex color

In a RGB color space, hex #ecc070 is composed of 92.5% red, 75.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 52.5% yellow and 7.5% black. It has a hue angle of 38.7 degrees, a saturation of 76.5% and a lightness of 68.2%. #ecc070 color hex could be obtained by blending #ffffe0 with #d98100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 93
- G 75
- B 44
RGB color chart
- C 0
- M 19
- Y 53
- K 7
CMYK color chart

● #ecc070 color description : Soft orange.

The hexadecimal color #ecc070 has RGB values of R:236, G:192, B:112 and CMYK values of C:0, M:0.19, Y:0.53, K:0.07. Its decimal value is 15515760.

Hex triplet	ecc070	`#ecc070`
RGB Decimal	236, 192, 112	`rgb(236,192,112)`
RGB Percent	92.5, 75.3, 43.9	`rgb(92.5%,75.3%,43.9%)`
CMYK	0, 19, 53, 7
HSL	38.7°, 76.5, 68.2	`hsl(38.7,76.5%,68.2%)`
HSV (or HSB)	38.7°, 52.5, 92.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.013, 6.23, 45.905
XYZ	56.367, 56.704, 23.304
xyY	0.413, 0.416, 56.704
CIE-LCH	80.013, 46.326, 82.271
CIE-LUV	80.013, 34.296, 56.273
Hunter-Lab	75.302, 1.835, 34.363
Binary	11101100, 11000000, 01110000

#ecc070
```
#ecc070 rgb(236,192,112)
```
#709cec
```
#709cec rgb(112,156,236)
```

Complementary Color

#ec8270
```
#ec8270 rgb(236,130,112)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#daec70
```
#daec70 rgb(218,236,112)
```

Analogous Color

#8270ec
```
#8270ec rgb(130,112,236)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#70daec
```
#70daec rgb(112,218,236)
```

Split Complementary Color

#c070ec
```
#c070ec rgb(192,112,236)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#70ecc0
```
#70ecc0 rgb(112,236,192)
```

Triadic Color

#ec709c
```
#ec709c rgb(236,112,156)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#70ecc0
```
#70ecc0 rgb(112,236,192)
```
#709cec
```
#709cec rgb(112,156,236)
```

Tetradic Color

#e3a22c
```
#e3a22c rgb(227,162,44)
```
#e6ac43
```
#e6ac43 rgb(230,172,67)
```
#e9b659
```
#e9b659 rgb(233,182,89)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#efca87
```
#efca87 rgb(239,202,135)
```
#f2d49d
```
#f2d49d rgb(242,212,157)
```
#f5deb4
```
#f5deb4 rgb(245,222,180)
```

Monochromatic Color

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

#eca170
```
#eca170 rgb(236,161,112)
```
#ecab70
```
#ecab70 rgb(236,171,112)
```
#ecb670
```
#ecb670 rgb(236,182,112)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#ecca70
```
#ecca70 rgb(236,202,112)
```
#ecd570
```
#ecd570 rgb(236,213,112)
```
#ecdf70
```
#ecdf70 rgb(236,223,112)
```

Similar Colors

Text with hexadecimal color #ecc070

This text has a font color of #ecc070.

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

#ecc070 background color

This paragraph has a background color of #ecc070.

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

#ecc070 border color

This element has a border color of #ecc070.

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

CSS codes

.text {color:#ecc070;}

.background {background-color:#ecc070;}

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

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

#0d0902
```
#0d0902 rgb(13,9,2)
```
#1e1504
```
#1e1504 rgb(30,21,4)
```
#2f2106
```
#2f2106 rgb(47,33,6)
```
#412d09
```
#412d09 rgb(65,45,9)
```
#52390b
```
#52390b rgb(82,57,11)
```
#63450d
```
#63450d rgb(99,69,13)
```
#755110
```
#755110 rgb(117,81,16)
```
#865d12
```
#865d12 rgb(134,93,18)
```
#976914
```
#976914 rgb(151,105,20)
```
#a97516
```
#a97516 rgb(169,117,22)
```
#ba8119
```
#ba8119 rgb(186,129,25)
```
#cb8d1b
```
#cb8d1b rgb(203,141,27)
```
#dd991d
```
#dd991d rgb(221,153,29)
```

Shade Color Variation

#e3a12b
```
#e3a12b rgb(227,161,43)
```
#e5a93c
```
#e5a93c rgb(229,169,60)
```
#e7b14d
```
#e7b14d rgb(231,177,77)
```
#eab85f
```
#eab85f rgb(234,184,95)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#eec881
```
#eec881 rgb(238,200,129)
```
#f1cf93
```
#f1cf93 rgb(241,207,147)
```
#f3d7a4
```
#f3d7a4 rgb(243,215,164)
```
#f5dfb5
```
#f5dfb5 rgb(245,223,181)
```
#f8e6c7
```
#f8e6c7 rgb(248,230,199)
```
#faeed8
```
#faeed8 rgb(250,238,216)
```
#fcf5e9
```
#fcf5e9 rgb(252,245,233)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#b4b0a8
```
#b4b0a8 rgb(180,176,168)
```
#bab2a2
```
#bab2a2 rgb(186,178,162)
```
#c0b39c
```
#c0b39c rgb(192,179,156)
```
#c7b595
```
#c7b595 rgb(199,181,149)
```
#cdb78f
```
#cdb78f rgb(205,183,143)
```
#d3b989
```
#d3b989 rgb(211,185,137)
```
#d9bb83
```
#d9bb83 rgb(217,187,131)
```
#e0bc7c
```
#e0bc7c rgb(224,188,124)
```
#e6be76
```
#e6be76 rgb(230,190,118)
```
#ecc070
```
#ecc070 rgb(236,192,112)
```
#f2c26a
```
#f2c26a rgb(242,194,106)
```
#f8c464
```
#f8c464 rgb(248,196,100)
```
#ffc55d
```
#ffc55d rgb(255,197,93)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#ccc3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc979 Protanopia 1% of men
#f3c078 Deuteranopia 1% of men
#f4b9c6 Tritanopia 0.001% of the population

Trichromacy

#e1c576 Protanomaly 1% of men, 0.01% of women
#f0c075 Deuteranomaly 6% of men, 0.4% of women
#f1bca7 Tritanomaly 0.01% of the population

#ecc070 hex color

#ecc070 Color Information

#ecc070 Color Conversion

Color Schemes with #ecc070

Alternatives to #ecc070

#ecc070 Preview

Shades and Tints of #ecc070

Tones of #ecc070

Color Blindness Simulator