#ecc982 hex color

In a RGB color space, hex #ecc982 is composed of 92.5% red, 78.8% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.8% magenta, 44.9% yellow and 7.5% black. It has a hue angle of 40.2 degrees, a saturation of 73.6% and a lightness of 71.8%. #ecc982 color hex could be obtained by blending #ffffff with #d99305. Closest websafe color is: #ffcc99.

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

● #ecc982 color description : Very soft orange.

The hexadecimal color #ecc982 has RGB values of R:236, G:201, B:130 and CMYK values of C:0, M:0.15, Y:0.45, K:0.07. Its decimal value is 15518082.

Hex triplet	ecc982	`#ecc982`
RGB Decimal	236, 201, 130	`rgb(236,201,130)`
RGB Percent	92.5, 78.8, 51	`rgb(92.5%,78.8%,51%)`
CMYK	0, 15, 45, 7
HSL	40.2°, 73.6, 71.8	`hsl(40.2,73.6%,71.8%)`
HSV (or HSB)	40.2°, 44.9, 92.5
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.497, 3.187, 39.97
XYZ	59.508, 61.22, 29.8
xyY	0.395, 0.407, 61.22
CIE-LCH	82.497, 40.097, 85.441
CIE-LUV	82.497, 27.029, 51.419
Hunter-Lab	78.243, -1.167, 32.189
Binary	11101100, 11001001, 10000010

#ecc982
```
#ecc982 rgb(236,201,130)
```
#82a5ec
```
#82a5ec rgb(130,165,236)
```

Complementary Color

#ec9482
```
#ec9482 rgb(236,148,130)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#daec82
```
#daec82 rgb(218,236,130)
```

Analogous Color

#9482ec
```
#9482ec rgb(148,130,236)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#82daec
```
#82daec rgb(130,218,236)
```

Split Complementary Color

#c982ec
```
#c982ec rgb(201,130,236)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#82ecc9
```
#82ecc9 rgb(130,236,201)
```

Triadic Color

#ec82a5
```
#ec82a5 rgb(236,130,165)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#82ecc9
```
#82ecc9 rgb(130,236,201)
```
#82a5ec
```
#82a5ec rgb(130,165,236)
```

Tetradic Color

#e2ac40
```
#e2ac40 rgb(226,172,64)
```
#e5b656
```
#e5b656 rgb(229,182,86)
```
#e9bf6c
```
#e9bf6c rgb(233,191,108)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#efd398
```
#efd398 rgb(239,211,152)
```
#f3dcae
```
#f3dcae rgb(243,220,174)
```
#f6e6c4
```
#f6e6c4 rgb(246,230,196)
```

Monochromatic Color

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

#ecaf82
```
#ecaf82 rgb(236,175,130)
```
#ecb782
```
#ecb782 rgb(236,183,130)
```
#ecc082
```
#ecc082 rgb(236,192,130)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#ecd282
```
#ecd282 rgb(236,210,130)
```
#ecdb82
```
#ecdb82 rgb(236,219,130)
```
#ece482
```
#ece482 rgb(236,228,130)
```

Similar Colors

Text with hexadecimal color #ecc982

This text has a font color of #ecc982.

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

#ecc982 background color

This paragraph has a background color of #ecc982.

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

#ecc982 border color

This element has a border color of #ecc982.

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

CSS codes

.text {color:#ecc982;}

.background {background-color:#ecc982;}

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

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

#0b0802
```
#0b0802 rgb(11,8,2)
```
#1c1404
```
#1c1404 rgb(28,20,4)
```
#2d2107
```
#2d2107 rgb(45,33,7)
```
#3e2d09
```
#3e2d09 rgb(62,45,9)
```
#4f390c
```
#4f390c rgb(79,57,12)
```
#60450f
```
#60450f rgb(96,69,15)
```
#715211
```
#715211 rgb(113,82,17)
```
#825e14
```
#825e14 rgb(130,94,20)
```
#936a16
```
#936a16 rgb(147,106,22)
```
#a47619
```
#a47619 rgb(164,118,25)
```
#b5831c
```
#b5831c rgb(181,131,28)
```
#c78f1e
```
#c78f1e rgb(199,143,30)
```
#d89b21
```
#d89b21 rgb(216,155,33)
```

Shade Color Variation

#dfa42d
```
#dfa42d rgb(223,164,45)
```
#e2ac3e
```
#e2ac3e rgb(226,172,62)
```
#e4b34f
```
#e4b34f rgb(228,179,79)
```
#e7ba60
```
#e7ba60 rgb(231,186,96)
```
#e9c271
```
#e9c271 rgb(233,194,113)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#efd093
```
#efd093 rgb(239,208,147)
```
#f1d8a4
```
#f1d8a4 rgb(241,216,164)
```
#f4dfb5
```
#f4dfb5 rgb(244,223,181)
```
#f6e6c6
```
#f6e6c6 rgb(246,230,198)
```
#f9eed7
```
#f9eed7 rgb(249,238,215)
```
#fcf5e8
```
#fcf5e8 rgb(252,245,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#bab8b4
```
#bab8b4 rgb(186,184,180)
```
#c0baae
```
#c0baae rgb(192,186,174)
```
#c5bca9
```
#c5bca9 rgb(197,188,169)
```
#cbbea3
```
#cbbea3 rgb(203,190,163)
```
#d0c09e
```
#d0c09e rgb(208,192,158)
```
#d6c198
```
#d6c198 rgb(214,193,152)
```
#dbc393
```
#dbc393 rgb(219,195,147)
```
#e1c58d
```
#e1c58d rgb(225,197,141)
```
#e6c788
```
#e6c788 rgb(230,199,136)
```
#ecc982
```
#ecc982 rgb(236,201,130)
```
#f2cb7c
```
#f2cb7c rgb(242,203,124)
```
#f7cd77
```
#f7cd77 rgb(247,205,119)
```
#fdcf71
```
#fdcf71 rgb(253,207,113)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d2cbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cf89 Protanopia 1% of men
#f8c789 Deuteranopia 1% of men
#f4c2d0 Tritanopia 0.001% of the population

Trichromacy

#e5cd87 Protanomaly 1% of men, 0.01% of women
#f3c787 Deuteranomaly 6% of men, 0.4% of women
#f1c5b3 Tritanomaly 0.01% of the population

#ecc982 hex color

#ecc982 Color Information

#ecc982 Color Conversion

Color Schemes with #ecc982

Alternatives to #ecc982

#ecc982 Preview

Shades and Tints of #ecc982

Tones of #ecc982

Color Blindness Simulator