#e2a530 hex color

In a RGB color space, hex #e2a530 is composed of 88.6% red, 64.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 78.8% yellow and 11.4% black. It has a hue angle of 39.4 degrees, a saturation of 75.4% and a lightness of 53.7%. #e2a530 color hex could be obtained by blending #ffff60 with #c54b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 89
- G 65
- B 19
RGB color chart
- C 0
- M 27
- Y 79
- K 11
CMYK color chart

● #e2a530 color description : Bright orange.

The hexadecimal color #e2a530 has RGB values of R:226, G:165, B:48 and CMYK values of C:0, M:0.27, Y:0.79, K:0.11. Its decimal value is 14853424.

Hex triplet	e2a530	`#e2a530`
RGB Decimal	226, 165, 48	`rgb(226,165,48)`
RGB Percent	88.6, 64.7, 18.8	`rgb(88.6%,64.7%,18.8%)`
CMYK	0, 27, 79, 11
HSL	39.4°, 75.4, 53.7	`hsl(39.4,75.4%,53.7%)`
HSV (or HSB)	39.4°, 78.8, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.755, 12.463, 64.947
XYZ	45.354, 43.295, 8.764
xyY	0.466, 0.444, 43.295
CIE-LCH	71.755, 66.132, 79.138
CIE-LUV	71.755, 50.139, 67.206
Hunter-Lab	65.799, 7.887, 38.162
Binary	11100010, 10100101, 00110000

#e2a530
```
#e2a530 rgb(226,165,48)
```
#306de2
```
#306de2 rgb(48,109,226)
```

Complementary Color

#e24c30
```
#e24c30 rgb(226,76,48)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#c6e230
```
#c6e230 rgb(198,226,48)
```

Analogous Color

#4c30e2
```
#4c30e2 rgb(76,48,226)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#30c6e2
```
#30c6e2 rgb(48,198,226)
```

Split Complementary Color

#a530e2
```
#a530e2 rgb(165,48,226)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#30e2a5
```
#30e2a5 rgb(48,226,165)
```

Triadic Color

#e2306d
```
#e2306d rgb(226,48,109)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#30e2a5
```
#30e2a5 rgb(48,226,165)
```
#306de2
```
#306de2 rgb(48,109,226)
```

Tetradic Color

#ad7a18
```
#ad7a18 rgb(173,122,24)
```
#c48a1b
```
#c48a1b rgb(196,138,27)
```
#da9a1f
```
#da9a1f rgb(218,154,31)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#e5af46
```
#e5af46 rgb(229,175,70)
```
#e8b85d
```
#e8b85d rgb(232,184,93)
```
#ebc273
```
#ebc273 rgb(235,194,115)
```

Monochromatic Color

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

#e27930
```
#e27930 rgb(226,121,48)
```
#e28730
```
#e28730 rgb(226,135,48)
```
#e29630
```
#e29630 rgb(226,150,48)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#e2b430
```
#e2b430 rgb(226,180,48)
```
#e2c330
```
#e2c330 rgb(226,195,48)
```
#e2d230
```
#e2d230 rgb(226,210,48)
```

Similar Colors

Text with hexadecimal color #e2a530

This text has a font color of #e2a530.

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

#e2a530 background color

This paragraph has a background color of #e2a530.

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

#e2a530 border color

This element has a border color of #e2a530.

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

CSS codes

.text {color:#e2a530;}

.background {background-color:#e2a530;}

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

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

#110c02
```
#110c02 rgb(17,12,2)
```
#221805
```
#221805 rgb(34,24,5)
```
#332407
```
#332407 rgb(51,36,7)
```
#44300a
```
#44300a rgb(68,48,10)
```
#553c0c
```
#553c0c rgb(85,60,12)
```
#67480e
```
#67480e rgb(103,72,14)
```
#785511
```
#785511 rgb(120,85,17)
```
#896113
```
#896113 rgb(137,97,19)
```
#9a6d16
```
#9a6d16 rgb(154,109,22)
```
#ac7918
```
#ac7918 rgb(172,121,24)
```
#bd851a
```
#bd851a rgb(189,133,26)
```
#ce911d
```
#ce911d rgb(206,145,29)
```
#df9d1f
```
#df9d1f rgb(223,157,31)
```

Shade Color Variation

#e2a530
```
#e2a530 rgb(226,165,48)
```
#e4ac41
```
#e4ac41 rgb(228,172,65)
```
#e7b452
```
#e7b452 rgb(231,180,82)
```
#e9bb64
```
#e9bb64 rgb(233,187,100)
```
#ecc375
```
#ecc375 rgb(236,195,117)
```
#eeca86
```
#eeca86 rgb(238,202,134)
```
#f0d297
```
#f0d297 rgb(240,210,151)
```
#f3d9a8
```
#f3d9a8 rgb(243,217,168)
```
#f5e1ba
```
#f5e1ba rgb(245,225,186)
```
#f8e8cb
```
#f8e8cb rgb(248,232,203)
```
#faf0dc
```
#faf0dc rgb(250,240,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, #908b82 is the less saturated color, while #fdae15 is the most saturated one.

#908b82
```
#908b82 rgb(144,139,130)
```
#998e79
```
#998e79 rgb(153,142,121)
```
#a29170
```
#a29170 rgb(162,145,112)
```
#ac9466
```
#ac9466 rgb(172,148,102)
```
#b5975d
```
#b5975d rgb(181,151,93)
```
#be9a54
```
#be9a54 rgb(190,154,84)
```
#c79c4b
```
#c79c4b rgb(199,156,75)
```
#d09f42
```
#d09f42 rgb(208,159,66)
```
#d9a239
```
#d9a239 rgb(217,162,57)
```
#e2a530
```
#e2a530 rgb(226,165,48)
```
#eba827
```
#eba827 rgb(235,168,39)
```
#f4ab1e
```
#f4ab1e rgb(244,171,30)
```
#fdae15
```
#fdae15 rgb(253,174,21)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b5a992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b43d Protanopia 1% of men
#dfab39 Deuteranopia 1% of men
#ea9faa Tritanopia 0.001% of the population

Trichromacy

#d1ae38 Protanomaly 1% of men, 0.01% of women
#e0a936 Deuteranomaly 6% of men, 0.4% of women
#e7a17d Tritanomaly 0.01% of the population

#e2a530 hex color

#e2a530 Color Information

#e2a530 Color Conversion

Color Schemes with #e2a530

Alternatives to #e2a530

#e2a530 Preview

Shades and Tints of #e2a530

Tones of #e2a530

Color Blindness Simulator