#ecb980 hex color

In a RGB color space, hex #ecb980 is composed of 92.5% red, 72.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.6% magenta, 45.8% yellow and 7.5% black. It has a hue angle of 31.7 degrees, a saturation of 74% and a lightness of 71.4%. #ecb980 color hex could be obtained by blending #ffffff with #d97301. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 93
- G 73
- B 50
RGB color chart
- C 0
- M 22
- Y 46
- K 7
CMYK color chart

● #ecb980 color description : Soft orange.

The hexadecimal color #ecb980 has RGB values of R:236, G:185, B:128 and CMYK values of C:0, M:0.22, Y:0.46, K:0.07. Its decimal value is 15513984.

Hex triplet	ecb980	`#ecb980`
RGB Decimal	236, 185, 128	`rgb(236,185,128)`
RGB Percent	92.5, 72.5, 50.2	`rgb(92.5%,72.5%,50.2%)`
CMYK	0, 22, 46, 7
HSL	31.7°, 74, 71.4	`hsl(31.7,74%,71.4%)`
HSV (or HSB)	31.7°, 45.8, 92.5
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	78.515, 11.368, 35.894
XYZ	55.838, 54.092, 27.921
xyY	0.405, 0.392, 54.092
CIE-LCH	78.515, 37.652, 72.427
CIE-LUV	78.515, 37.791, 44.488
Hunter-Lab	73.547, 6.811, 28.975
Binary	11101100, 10111001, 10000000

#ecb980
```
#ecb980 rgb(236,185,128)
```
#80b3ec
```
#80b3ec rgb(128,179,236)
```

Complementary Color

#ec8380
```
#ec8380 rgb(236,131,128)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#e9ec80
```
#e9ec80 rgb(233,236,128)
```

Analogous Color

#8380ec
```
#8380ec rgb(131,128,236)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#80e9ec
```
#80e9ec rgb(128,233,236)
```

Split Complementary Color

#b980ec
```
#b980ec rgb(185,128,236)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#80ecb9
```
#80ecb9 rgb(128,236,185)
```

Triadic Color

#ec80b3
```
#ec80b3 rgb(236,128,179)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#80ecb9
```
#80ecb9 rgb(128,236,185)
```
#80b3ec
```
#80b3ec rgb(128,179,236)
```

Tetradic Color

#e2943d
```
#e2943d rgb(226,148,61)
```
#e5a154
```
#e5a154 rgb(229,161,84)
```
#e9ad6a
```
#e9ad6a rgb(233,173,106)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#efc596
```
#efc596 rgb(239,197,150)
```
#f3d1ac
```
#f3d1ac rgb(243,209,172)
```
#f6dec3
```
#f6dec3 rgb(246,222,195)
```

Monochromatic Color

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

#ec9e80
```
#ec9e80 rgb(236,158,128)
```
#eca780
```
#eca780 rgb(236,167,128)
```
#ecb080
```
#ecb080 rgb(236,176,128)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#ecc280
```
#ecc280 rgb(236,194,128)
```
#eccb80
```
#eccb80 rgb(236,203,128)
```
#ecd480
```
#ecd480 rgb(236,212,128)
```

Similar Colors

Text with hexadecimal color #ecb980

This text has a font color of #ecb980.

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

#ecb980 background color

This paragraph has a background color of #ecb980.

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

#ecb980 border color

This element has a border color of #ecb980.

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

CSS codes

.text {color:#ecb980;}

.background {background-color:#ecb980;}

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

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

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1b1004
```
#1b1004 rgb(27,16,4)
```
#2c1a07
```
#2c1a07 rgb(44,26,7)
```
#3d2409
```
#3d2409 rgb(61,36,9)
```
#4e2f0c
```
#4e2f0c rgb(78,47,12)
```
#5f390e
```
#5f390e rgb(95,57,14)
```
#704311
```
#704311 rgb(112,67,17)
```
#814d13
```
#814d13 rgb(129,77,19)
```
#925716
```
#925716 rgb(146,87,22)
```
#a36218
```
#a36218 rgb(163,98,24)
```
#b46c1b
```
#b46c1b rgb(180,108,27)
```
#c5761e
```
#c5761e rgb(197,118,30)
```
#d68020
```
#d68020 rgb(214,128,32)
```

Shade Color Variation

#df8a2b
```
#df8a2b rgb(223,138,43)
```
#e2933c
```
#e2933c rgb(226,147,60)
```
#e49d4d
```
#e49d4d rgb(228,157,77)
```
#e7a65e
```
#e7a65e rgb(231,166,94)
```
#e9b06f
```
#e9b06f rgb(233,176,111)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#efc291
```
#efc291 rgb(239,194,145)
```
#f1cca2
```
#f1cca2 rgb(241,204,162)
```
#f4d5b3
```
#f4d5b3 rgb(244,213,179)
```
#f6dfc4
```
#f6dfc4 rgb(246,223,196)
```
#f9e8d5
```
#f9e8d5 rgb(249,232,213)
```
#fbf1e6
```
#fbf1e6 rgb(251,241,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#b9b6b3
```
#b9b6b3 rgb(185,182,179)
```
#bfb7ad
```
#bfb7ad rgb(191,183,173)
```
#c5b7a7
```
#c5b7a7 rgb(197,183,167)
```
#cab7a2
```
#cab7a2 rgb(202,183,162)
```
#d0b79c
```
#d0b79c rgb(208,183,156)
```
#d6b896
```
#d6b896 rgb(214,184,150)
```
#dbb891
```
#dbb891 rgb(219,184,145)
```
#e1b88b
```
#e1b88b rgb(225,184,139)
```
#e6b986
```
#e6b986 rgb(230,185,134)
```
#ecb980
```
#ecb980 rgb(236,185,128)
```
#f2b97a
```
#f2b97a rgb(242,185,122)
```
#f7ba75
```
#f7ba75 rgb(247,186,117)
```
#fdba6f
```
#fdba6f rgb(253,186,111)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cac0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c589 Protanopia 1% of men
#ebbd86 Deuteranopia 1% of men
#f3b4c1 Tritanopia 0.001% of the population

Trichromacy

#ddc086 Protanomaly 1% of men, 0.01% of women
#ebbb84 Deuteranomaly 6% of men, 0.4% of women
#f0b6a9 Tritanomaly 0.01% of the population

#ecb980 hex color

#ecb980 Color Information

#ecb980 Color Conversion

Color Schemes with #ecb980

Alternatives to #ecb980

#ecb980 Preview

Shades and Tints of #ecb980

Tones of #ecb980

Color Blindness Simulator