colorhexa.com

#e2b74d hex color

In a RGB color space, hex #e2b74d is composed of 88.6% red, 71.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 65.9% yellow and 11.4% black. It has a hue angle of 42.7 degrees, a saturation of 72% and a lightness of 59.4%. #e2b74d color hex could be obtained by blending #ffff9a with #c56f00. Closest websafe color is: #cccc66.

- R 89
- G 72
- B 30
RGB color chart
- C 0
- M 19
- Y 66
- K 11
CMYK color chart

● #e2b74d color description : Soft orange.

The hexadecimal color #e2b74d has RGB values of R:226, G:183, B:77 and CMYK values of C:0, M:0.19, Y:0.66, K:0.11. Its decimal value is 14858061.

Hex triplet	e2b74d	`#e2b74d`
RGB Decimal	226, 183, 77	`rgb(226,183,77)`
RGB Percent	88.6, 71.8, 30.2	`rgb(88.6%,71.8%,30.2%)`
CMYK	0, 19, 66, 11
HSL	42.7°, 72, 59.4	`hsl(42.7,72%,59.4%)`
HSV (or HSB)	42.7°, 65.9, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.42, 4.288, 57.997
XYZ	49.638, 50.574, 14.168
xyY	0.434, 0.442, 50.574
CIE-LCH	76.42, 58.156, 85.772
CIE-LUV	76.42, 35.311, 66.244
Hunter-Lab	71.115, 0.139, 37.969
Binary	11100010, 10110111, 01001101

#e2b74d
```
#e2b74d rgb(226,183,77)
```
#4d78e2
```
#4d78e2 rgb(77,120,226)
```

Complementary Color

#e26d4d
```
#e26d4d rgb(226,109,77)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#c3e24d
```
#c3e24d rgb(195,226,77)
```

Analogous Color

#6d4de2
```
#6d4de2 rgb(109,77,226)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#4dc3e2
```
#4dc3e2 rgb(77,195,226)
```

Split Complementary Color

#b74de2
```
#b74de2 rgb(183,77,226)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#4de2b7
```
#4de2b7 rgb(77,226,183)
```

Triadic Color

#e24d78
```
#e24d78 rgb(226,77,120)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#4de2b7
```
#4de2b7 rgb(77,226,183)
```
#4d78e2
```
#4d78e2 rgb(77,120,226)
```

Tetradic Color

#c39420
```
#c39420 rgb(195,148,32)
```
#d9a423
```
#d9a423 rgb(217,164,35)
```
#deae37
```
#deae37 rgb(222,174,55)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#e6c063
```
#e6c063 rgb(230,192,99)
```
#e9c979
```
#e9c979 rgb(233,201,121)
```
#edd28f
```
#edd28f rgb(237,210,143)
```

Monochromatic Color

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

#e2924d
```
#e2924d rgb(226,146,77)
```
#e29e4d
```
#e29e4d rgb(226,158,77)
```
#e2ab4d
```
#e2ab4d rgb(226,171,77)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#e2c34d
```
#e2c34d rgb(226,195,77)
```
#e2d04d
```
#e2d04d rgb(226,208,77)
```
#e2dc4d
```
#e2dc4d rgb(226,220,77)
```

Similar Colors

Text with hexadecimal color #e2b74d

This text has a font color of #e2b74d.

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

#e2b74d background color

This paragraph has a background color of #e2b74d.

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

#e2b74d border color

This element has a border color of #e2b74d.

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

CSS codes

.text {color:#e2b74d;}

.background {background-color:#e2b74d;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#181304
```
#181304 rgb(24,19,4)
```
#291f07
```
#291f07 rgb(41,31,7)
```
#3a2c09
```
#3a2c09 rgb(58,44,9)
```
#4b390c
```
#4b390c rgb(75,57,12)
```
#5c460f
```
#5c460f rgb(92,70,15)
```
#6d5212
```
#6d5212 rgb(109,82,18)
```
#7e5f14
```
#7e5f14 rgb(126,95,20)
```
#8e6c17
```
#8e6c17 rgb(142,108,23)
```
#9f791a
```
#9f791a rgb(159,121,26)
```
#b0861d
```
#b0861d rgb(176,134,29)
```
#c1921f
```
#c1921f rgb(193,146,31)
```
#d29f22
```
#d29f22 rgb(210,159,34)
```

Shade Color Variation

#dda92b
```
#dda92b rgb(221,169,43)
```
#dfb03c
```
#dfb03c rgb(223,176,60)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#e5be5e
```
#e5be5e rgb(229,190,94)
```
#e7c56f
```
#e7c56f rgb(231,197,111)
```
#eacb80
```
#eacb80 rgb(234,203,128)
```
#edd290
```
#edd290 rgb(237,210,144)
```
#f0d9a1
```
#f0d9a1 rgb(240,217,161)
```
#f2e0b2
```
#f2e0b2 rgb(242,224,178)
```
#f5e7c3
```
#f5e7c3 rgb(245,231,195)
```
#f8eed4
```
#f8eed4 rgb(248,238,212)
```
#fbf4e5
```
#fbf4e5 rgb(251,244,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#9a9995
```
#9a9995 rgb(154,153,149)
```
#a29c8d
```
#a29c8d rgb(162,156,141)
```
#aa9f85
```
#aa9f85 rgb(170,159,133)
```
#b2a37d
```
#b2a37d rgb(178,163,125)
```
#baa675
```
#baa675 rgb(186,166,117)
```
#c2aa6d
```
#c2aa6d rgb(194,170,109)
```
#caad65
```
#caad65 rgb(202,173,101)
```
#d2b05d
```
#d2b05d rgb(210,176,93)
```
#dab455
```
#dab455 rgb(218,180,85)
```
#e2b74d
```
#e2b74d rgb(226,183,77)
```
#eaba45
```
#eaba45 rgb(234,186,69)
```
#f2be3d
```
#f2be3d rgb(242,190,61)
```
#fac135
```
#fac135 rgb(250,193,53)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c0b8a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c057 Protanopia 1% of men
#ecb757 Deuteranopia 1% of men
#ecb0bc Tritanopia 0.001% of the population

Trichromacy

#d9bc53 Protanomaly 1% of men, 0.01% of women
#e8b753 Deuteranomaly 6% of men, 0.4% of women
#e8b293 Tritanomaly 0.01% of the population