#e2a525 hex color

In a RGB color space, hex #e2a525 is composed of 88.6% red, 64.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 83.6% yellow and 11.4% black. It has a hue angle of 40.6 degrees, a saturation of 76.5% and a lightness of 51.6%. #e2a525 color hex could be obtained by blending #ffff4a with #c54b00. Closest websafe color is: #cc9933.

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

● #e2a525 color description : Bright orange.

The hexadecimal color #e2a525 has RGB values of R:226, G:165, B:37 and CMYK values of C:0, M:0.27, Y:0.84, K:0.11. Its decimal value is 14853413.

Hex triplet	e2a525	`#e2a525`
RGB Decimal	226, 165, 37	`rgb(226,165,37)`
RGB Percent	88.6, 64.7, 14.5	`rgb(88.6%,64.7%,14.5%)`
CMYK	0, 27, 84, 11
HSL	40.6°, 76.5, 51.6	`hsl(40.6,76.5%,51.6%)`
HSV (or HSB)	40.6°, 83.6, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.701, 12.121, 68.454
XYZ	45.154, 43.215, 7.713
xyY	0.47, 0.45, 43.215
CIE-LCH	71.701, 69.519, 79.959
CIE-LUV	71.701, 50.552, 69.42
Hunter-Lab	65.738, 7.565, 39.06
Binary	11100010, 10100101, 00100101

#e2a525
```
#e2a525 rgb(226,165,37)
```
#2562e2
```
#2562e2 rgb(37,98,226)
```

Complementary Color

#e24725
```
#e24725 rgb(226,71,37)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#c1e225
```
#c1e225 rgb(193,226,37)
```

Analogous Color

#4725e2
```
#4725e2 rgb(71,37,226)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#25c1e2
```
#25c1e2 rgb(37,193,226)
```

Split Complementary Color

#a525e2
```
#a525e2 rgb(165,37,226)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#25e2a5
```
#25e2a5 rgb(37,226,165)
```

Triadic Color

#e22562
```
#e22562 rgb(226,37,98)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#25e2a5
```
#25e2a5 rgb(37,226,165)
```
#2562e2
```
#2562e2 rgb(37,98,226)
```

Tetradic Color

#a57716
```
#a57716 rgb(165,119,22)
```
#bb8719
```
#bb8719 rgb(187,135,25)
```
#d2971c
```
#d2971c rgb(210,151,28)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#e5ae3c
```
#e5ae3c rgb(229,174,60)
```
#e8b852
```
#e8b852 rgb(232,184,82)
```
#ebc169
```
#ebc169 rgb(235,193,105)
```

Monochromatic Color

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

#e27625
```
#e27625 rgb(226,118,37)
```
#e28625
```
#e28625 rgb(226,134,37)
```
#e29525
```
#e29525 rgb(226,149,37)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#e2b525
```
#e2b525 rgb(226,181,37)
```
#e2c525
```
#e2c525 rgb(226,197,37)
```
#e2d425
```
#e2d425 rgb(226,212,37)
```

Similar Colors

Text with hexadecimal color #e2a525

This text has a font color of #e2a525.

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

#e2a525 background color

This paragraph has a background color of #e2a525.

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

#e2a525 border color

This element has a border color of #e2a525.

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

CSS codes

.text {color:#e2a525;}

.background {background-color:#e2a525;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181203
```
#181203 rgb(24,18,3)
```
#2a1e06
```
#2a1e06 rgb(42,30,6)
```
#3b2a08
```
#3b2a08 rgb(59,42,8)
```
#4c370a
```
#4c370a rgb(76,55,10)
```
#5e430c
```
#5e430c rgb(94,67,12)
```
#6f500f
```
#6f500f rgb(111,80,15)
```
#805c11
```
#805c11 rgb(128,92,17)
```
#926913
```
#926913 rgb(146,105,19)
```
#a37516
```
#a37516 rgb(163,117,22)
```
#b48218
```
#b48218 rgb(180,130,24)
```
#c58e1a
```
#c58e1a rgb(197,142,26)
```
#d79b1d
```
#d79b1d rgb(215,155,29)
```

Shade Color Variation

#e2a525
```
#e2a525 rgb(226,165,37)
```
#e4ac36
```
#e4ac36 rgb(228,172,54)
```
#e7b348
```
#e7b348 rgb(231,179,72)
```
#e9ba59
```
#e9ba59 rgb(233,186,89)
```
#ebc26a
```
#ebc26a rgb(235,194,106)
```
#eec97c
```
#eec97c rgb(238,201,124)
```
#f0d08d
```
#f0d08d rgb(240,208,141)
```
#f2d79e
```
#f2d79e rgb(242,215,158)
```
#f4deaf
```
#f4deaf rgb(244,222,175)
```
#f7e5c1
```
#f7e5c1 rgb(247,229,193)
```
#f9ecd2
```
#f9ecd2 rgb(249,236,210)
```
#fbf4e3
```
#fbf4e3 rgb(251,244,227)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#8d877b
```
#8d877b rgb(141,135,123)
```
#968a71
```
#968a71 rgb(150,138,113)
```
#a08d68
```
#a08d68 rgb(160,141,104)
```
#a9915e
```
#a9915e rgb(169,145,94)
```
#b39455
```
#b39455 rgb(179,148,85)
```
#bc984b
```
#bc984b rgb(188,152,75)
```
#c69b42
```
#c69b42 rgb(198,155,66)
```
#cf9e38
```
#cf9e38 rgb(207,158,56)
```
#d9a22f
```
#d9a22f rgb(217,162,47)
```
#e2a525
```
#e2a525 rgb(226,165,37)
```
#eca81c
```
#eca81c rgb(236,168,28)
```
#f5ac12
```
#f5ac12 rgb(245,172,18)
```
#ffaf09
```
#ffaf09 rgb(255,175,9)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b4a88f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b433 Protanopia 1% of men
#e0ab2f Deuteranopia 1% of men
#eb9ea9 Tritanopia 0.001% of the population

Trichromacy

#d2ae2d Protanomaly 1% of men, 0.01% of women
#e0a82b Deuteranomaly 6% of men, 0.4% of women
#e7a179 Tritanomaly 0.01% of the population

#e2a525 hex color

#e2a525 Color Information

#e2a525 Color Conversion

Color Schemes with #e2a525

Alternatives to #e2a525

#e2a525 Preview

Shades and Tints of #e2a525

Tones of #e2a525

Color Blindness Simulator