#e2a30d hex color

In a RGB color space, hex #e2a30d is composed of 88.6% red, 63.9% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 94.2% yellow and 11.4% black. It has a hue angle of 42.3 degrees, a saturation of 89.1% and a lightness of 46.9%. #e2a30d color hex could be obtained by blending #ffff1a with #c54700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 89
- G 64
- B 5
RGB color chart
- C 0
- M 28
- Y 94
- K 11
CMYK color chart

● #e2a30d color description : Vivid orange.

The hexadecimal color #e2a30d has RGB values of R:226, G:163, B:13 and CMYK values of C:0, M:0.28, Y:0.94, K:0.11. Its decimal value is 14852877.

Hex triplet	e2a30d	`#e2a30d`
RGB Decimal	226, 163, 13	`rgb(226,163,13)`
RGB Percent	88.6, 63.9, 5.1	`rgb(88.6%,63.9%,5.1%)`
CMYK	0, 28, 94, 11
HSL	42.3°, 89.1, 46.9	`hsl(42.3,89.1%,46.9%)`
HSV (or HSB)	42.3°, 94.2, 88.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.142, 12.737, 73.226
XYZ	44.535, 42.395, 6.218
xyY	0.478, 0.455, 42.395
CIE-LCH	71.142, 74.326, 80.133
CIE-LUV	71.142, 52.687, 71.613
Hunter-Lab	65.111, 8.146, 39.916
Binary	11100010, 10100011, 00001101

#e2a30d
```
#e2a30d rgb(226,163,13)
```
#0d4ce2
```
#0d4ce2 rgb(13,76,226)
```

Complementary Color

#e2380d
```
#e2380d rgb(226,56,13)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#b7e20d
```
#b7e20d rgb(183,226,13)
```

Analogous Color

#380de2
```
#380de2 rgb(56,13,226)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#0db7e2
```
#0db7e2 rgb(13,183,226)
```

Split Complementary Color

#a30de2
```
#a30de2 rgb(163,13,226)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#0de2a3
```
#0de2a3 rgb(13,226,163)
```

Triadic Color

#e20d4c
```
#e20d4c rgb(226,13,76)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#0de2a3
```
#0de2a3 rgb(13,226,163)
```
#0d4ce2
```
#0d4ce2 rgb(13,76,226)
```

Tetradic Color

#9a6f09
```
#9a6f09 rgb(154,111,9)
```
#b2800a
```
#b2800a rgb(178,128,10)
```
#ca920c
```
#ca920c rgb(202,146,12)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#f2b117
```
#f2b117 rgb(242,177,23)
```
#f3b92f
```
#f3b92f rgb(243,185,47)
```
#f4c147
```
#f4c147 rgb(244,193,71)
```

Monochromatic Color

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

#e26e0d
```
#e26e0d rgb(226,110,13)
```
#e2800d
```
#e2800d rgb(226,128,13)
```
#e2910d
```
#e2910d rgb(226,145,13)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#e2b50d
```
#e2b50d rgb(226,181,13)
```
#e2c70d
```
#e2c70d rgb(226,199,13)
```
#e2d80d
```
#e2d80d rgb(226,216,13)
```

Similar Colors

Text with hexadecimal color #e2a30d

This text has a font color of #e2a30d.

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

#e2a30d background color

This paragraph has a background color of #e2a30d.

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

#e2a30d border color

This element has a border color of #e2a30d.

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

CSS codes

.text {color:#e2a30d;}

.background {background-color:#e2a30d;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#161001
```
#161001 rgb(22,16,1)
```
#291d02
```
#291d02 rgb(41,29,2)
```
#3b2b03
```
#3b2b03 rgb(59,43,3)
```
#4e3804
```
#4e3804 rgb(78,56,4)
```
#604506
```
#604506 rgb(96,69,6)
```
#735307
```
#735307 rgb(115,83,7)
```
#856008
```
#856008 rgb(133,96,8)
```
#986d09
```
#986d09 rgb(152,109,9)
```
#aa7b0a
```
#aa7b0a rgb(170,123,10)
```
#bd880b
```
#bd880b rgb(189,136,11)
```
#cf960c
```
#cf960c rgb(207,150,12)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```

Shade Color Variation

#f1af11
```
#f1af11 rgb(241,175,17)
```
#f2b524
```
#f2b524 rgb(242,181,36)
```
#f3bc36
```
#f3bc36 rgb(243,188,54)
```
#f5c249
```
#f5c249 rgb(245,194,73)
```
#f6c85b
```
#f6c85b rgb(246,200,91)
```
#f7ce6e
```
#f7ce6e rgb(247,206,110)
```
#f8d481
```
#f8d481 rgb(248,212,129)
```
#f9db93
```
#f9db93 rgb(249,219,147)
```
#fae1a6
```
#fae1a6 rgb(250,225,166)
```
#fbe7b8
```
#fbe7b8 rgb(251,231,184)
```
#fcedcb
```
#fcedcb rgb(252,237,203)
```
#fdf4dd
```
#fdf4dd rgb(253,244,221)
```
#fefaf0
```
#fefaf0 rgb(254,250,240)
```

Tint Color Variation

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

#7d7a72
```
#7d7a72 rgb(125,122,114)
```
#867d69
```
#867d69 rgb(134,125,105)
```
#8f8160
```
#8f8160 rgb(143,129,96)
```
#988557
```
#988557 rgb(152,133,87)
```
#a2894d
```
#a2894d rgb(162,137,77)
```
#ab8c44
```
#ab8c44 rgb(171,140,68)
```
#b4903b
```
#b4903b rgb(180,144,59)
```
#bd9432
```
#bd9432 rgb(189,148,50)
```
#c69829
```
#c69829 rgb(198,152,41)
```
#d09b1f
```
#d09b1f rgb(208,155,31)
```
#d99f16
```
#d99f16 rgb(217,159,22)
```
#e2a30d
```
#e2a30d rgb(226,163,13)
```
#eba704
```
#eba704 rgb(235,167,4)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b1a587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b21d Protanopia 1% of men
#dfa916 Deuteranopia 1% of men
#eb9ca7 Tritanopia 0.001% of the population

Trichromacy

#d1ad17 Protanomaly 1% of men, 0.01% of women
#e0a713 Deuteranomaly 6% of men, 0.4% of women
#e79f6f Tritanomaly 0.01% of the population

#e2a30d hex color

#e2a30d Color Information

#e2a30d Color Conversion

Color Schemes with #e2a30d

Alternatives to #e2a30d

#e2a30d Preview

Shades and Tints of #e2a30d

Tones of #e2a30d

Color Blindness Simulator