#e2a246 hex color

In a RGB color space, hex #e2a246 is composed of 88.6% red, 63.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 69% yellow and 11.4% black. It has a hue angle of 35.4 degrees, a saturation of 72.9% and a lightness of 58%. #e2a246 color hex could be obtained by blending #ffff8c with #c54500. Closest websafe color is: #cc9933.

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

● #e2a246 color description : Soft orange.

The hexadecimal color #e2a246 has RGB values of R:226, G:162, B:70 and CMYK values of C:0, M:0.28, Y:0.69, K:0.11. Its decimal value is 14852678.

Hex triplet	e2a246	`#e2a246`
RGB Decimal	226, 162, 70	`rgb(226,162,70)`
RGB Percent	88.6, 63.5, 27.5	`rgb(88.6%,63.5%,27.5%)`
CMYK	0, 28, 69, 11
HSL	35.4°, 72.9, 58	`hsl(35.4,72.9%,58%)`
HSV (or HSB)	35.4°, 69, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.183, 15.034, 55.509
XYZ	45.391, 42.454, 11.598
xyY	0.456, 0.427, 42.454
CIE-LCH	71.183, 57.509, 74.846
CIE-LUV	71.183, 51.253, 59.746
Hunter-Lab	65.157, 10.325, 35.056
Binary	11100010, 10100010, 01000110

#e2a246
```
#e2a246 rgb(226,162,70)
```
#4686e2
```
#4686e2 rgb(70,134,226)
```

Complementary Color

#e25446
```
#e25446 rgb(226,84,70)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#d4e246
```
#d4e246 rgb(212,226,70)
```

Analogous Color

#5446e2
```
#5446e2 rgb(84,70,226)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#46d4e2
```
#46d4e2 rgb(70,212,226)
```

Split Complementary Color

#a246e2
```
#a246e2 rgb(162,70,226)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#46e2a2
```
#46e2a2 rgb(70,226,162)
```

Triadic Color

#e24686
```
#e24686 rgb(226,70,134)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#46e2a2
```
#46e2a2 rgb(70,226,162)
```
#4686e2
```
#4686e2 rgb(70,134,226)
```

Tetradic Color

#be7c1e
```
#be7c1e rgb(190,124,30)
```
#d48b21
```
#d48b21 rgb(212,139,33)
```
#df9730
```
#df9730 rgb(223,151,48)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#e5ad5c
```
#e5ad5c rgb(229,173,92)
```
#e9b872
```
#e9b872 rgb(233,184,114)
```
#ecc388
```
#ecc388 rgb(236,195,136)
```

Monochromatic Color

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

#e27b46
```
#e27b46 rgb(226,123,70)
```
#e28846
```
#e28846 rgb(226,136,70)
```
#e29546
```
#e29546 rgb(226,149,70)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#e2af46
```
#e2af46 rgb(226,175,70)
```
#e2bc46
```
#e2bc46 rgb(226,188,70)
```
#e2c946
```
#e2c946 rgb(226,201,70)
```

Similar Colors

Text with hexadecimal color #e2a246

This text has a font color of #e2a246.

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

#e2a246 background color

This paragraph has a background color of #e2a246.

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

#e2a246 border color

This element has a border color of #e2a246.

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

CSS codes

.text {color:#e2a246;}

.background {background-color:#e2a246;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120c03
```
#120c03 rgb(18,12,3)
```
#231706
```
#231706 rgb(35,23,6)
```
#342208
```
#342208 rgb(52,34,8)
```
#452d0b
```
#452d0b rgb(69,45,11)
```
#56380e
```
#56380e rgb(86,56,14)
```
#674410
```
#674410 rgb(103,68,16)
```
#784f13
```
#784f13 rgb(120,79,19)
```
#895a16
```
#895a16 rgb(137,90,22)
```
#9a6518
```
#9a6518 rgb(154,101,24)
```
#ab701b
```
#ab701b rgb(171,112,27)
```
#bc7b1d
```
#bc7b1d rgb(188,123,29)
```
#cd8620
```
#cd8620 rgb(205,134,32)
```

Shade Color Variation

#dd9124
```
#dd9124 rgb(221,145,36)
```
#df9935
```
#df9935 rgb(223,153,53)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#e5ab57
```
#e5ab57 rgb(229,171,87)
```
#e7b368
```
#e7b368 rgb(231,179,104)
```
#eabc79
```
#eabc79 rgb(234,188,121)
```
#edc48a
```
#edc48a rgb(237,196,138)
```
#efcd9b
```
#efcd9b rgb(239,205,155)
```
#f2d5ac
```
#f2d5ac rgb(242,213,172)
```
#f5debd
```
#f5debd rgb(245,222,189)
```
#f7e6ce
```
#f7e6ce rgb(247,230,206)
```
#faefdf
```
#faefdf rgb(250,239,223)
```
#fdf7f0
```
#fdf7f0 rgb(253,247,240)
```

Tint Color Variation

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

#989590
```
#989590 rgb(152,149,144)
```
#a09688
```
#a09688 rgb(160,150,136)
```
#a89880
```
#a89880 rgb(168,152,128)
```
#b19977
```
#b19977 rgb(177,153,119)
```
#b99b6f
```
#b99b6f rgb(185,155,111)
```
#c19c67
```
#c19c67 rgb(193,156,103)
```
#c99e5f
```
#c99e5f rgb(201,158,95)
```
#d29f56
```
#d29f56 rgb(210,159,86)
```
#daa14e
```
#daa14e rgb(218,161,78)
```
#e2a246
```
#e2a246 rgb(226,162,70)
```
#eaa33e
```
#eaa33e rgb(234,163,62)
```
#f2a536
```
#f2a536 rgb(242,165,54)
```
#fba62d
```
#fba62d rgb(251,166,45)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b6a997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b253 Protanopia 1% of men
#dbaa4e Deuteranopia 1% of men
#ea9da8 Tritanopia 0.001% of the population

Trichromacy

#cfac4e Protanomaly 1% of men, 0.01% of women
#dea74b Deuteranomaly 6% of men, 0.4% of women
#e79f84 Tritanomaly 0.01% of the population

#e2a246 hex color

#e2a246 Color Information

#e2a246 Color Conversion

Color Schemes with #e2a246

Alternatives to #e2a246

#e2a246 Preview

Shades and Tints of #e2a246

Tones of #e2a246

Color Blindness Simulator