#e2b245 hex color

In a RGB color space, hex #e2b245 is composed of 88.6% red, 69.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.2% magenta, 69.5% yellow and 11.4% black. It has a hue angle of 41.7 degrees, a saturation of 73% and a lightness of 57.8%. #e2b245 color hex could be obtained by blending #ffff8a with #c56500. Closest websafe color is: #cc9933.

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

● #e2b245 color description : Soft orange.

The hexadecimal color #e2b245 has RGB values of R:226, G:178, B:69 and CMYK values of C:0, M:0.21, Y:0.69, K:0.11. Its decimal value is 14856773.

Hex triplet	e2b245	`#e2b245`
RGB Decimal	226, 178, 69	`rgb(226,178,69)`
RGB Percent	88.6, 69.8, 27.1	`rgb(88.6%,69.8%,27.1%)`
CMYK	0, 21, 69, 11
HSL	41.7°, 73, 57.8	`hsl(41.7,73%,57.8%)`
HSV (or HSB)	41.7°, 69.5, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	75.103, 6.48, 60.044
XYZ	48.359, 48.442, 12.433
xyY	0.443, 0.443, 48.442
CIE-LCH	75.103, 60.393, 83.841
CIE-LUV	75.103, 39.347, 66.773
Hunter-Lab	69.6, 2.225, 38.129
Binary	11100010, 10110010, 01000101

#e2b245
```
#e2b245 rgb(226,178,69)
```
#4575e2
```
#4575e2 rgb(69,117,226)
```

Complementary Color

#e26445
```
#e26445 rgb(226,100,69)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#c4e245
```
#c4e245 rgb(196,226,69)
```

Analogous Color

#6445e2
```
#6445e2 rgb(100,69,226)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#45c4e2
```
#45c4e2 rgb(69,196,226)
```

Split Complementary Color

#b245e2
```
#b245e2 rgb(178,69,226)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#45e2b2
```
#45e2b2 rgb(69,226,178)
```

Triadic Color

#e24575
```
#e24575 rgb(226,69,117)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#45e2b2
```
#45e2b2 rgb(69,226,178)
```
#4575e2
```
#4575e2 rgb(69,117,226)
```

Tetradic Color

#bd8c1d
```
#bd8c1d rgb(189,140,29)
```
#d39d21
```
#d39d21 rgb(211,157,33)
```
#dfa92f
```
#dfa92f rgb(223,169,47)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#e5bb5b
```
#e5bb5b rgb(229,187,91)
```
#e9c471
```
#e9c471 rgb(233,196,113)
```
#eccd87
```
#eccd87 rgb(236,205,135)
```

Monochromatic Color

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

#e28b45
```
#e28b45 rgb(226,139,69)
```
#e29845
```
#e29845 rgb(226,152,69)
```
#e2a545
```
#e2a545 rgb(226,165,69)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#e2bf45
```
#e2bf45 rgb(226,191,69)
```
#e2cc45
```
#e2cc45 rgb(226,204,69)
```
#e2d945
```
#e2d945 rgb(226,217,69)
```

Similar Colors

Text with hexadecimal color #e2b245

This text has a font color of #e2b245.

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

#e2b245 background color

This paragraph has a background color of #e2b245.

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

#e2b245 border color

This element has a border color of #e2b245.

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

CSS codes

.text {color:#e2b245;}

.background {background-color:#e2b245;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231a05
```
#231a05 rgb(35,26,5)
```
#342608
```
#342608 rgb(52,38,8)
```
#45330b
```
#45330b rgb(69,51,11)
```
#563f0d
```
#563f0d rgb(86,63,13)
```
#664c10
```
#664c10 rgb(102,76,16)
```
#775913
```
#775913 rgb(119,89,19)
```
#886515
```
#886515 rgb(136,101,21)
```
#997218
```
#997218 rgb(153,114,24)
```
#aa7e1b
```
#aa7e1b rgb(170,126,27)
```
#bb8b1d
```
#bb8b1d rgb(187,139,29)
```
#cc9820
```
#cc9820 rgb(204,152,32)
```

Shade Color Variation

#dda423
```
#dda423 rgb(221,164,35)
```
#dfab34
```
#dfab34 rgb(223,171,52)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#e5b956
```
#e5b956 rgb(229,185,86)
```
#e7c067
```
#e7c067 rgb(231,192,103)
```
#eac778
```
#eac778 rgb(234,199,120)
```
#edce89
```
#edce89 rgb(237,206,137)
```
#efd59a
```
#efd59a rgb(239,213,154)
```
#f2dcab
```
#f2dcab rgb(242,220,171)
```
#f5e3bc
```
#f5e3bc rgb(245,227,188)
```
#f7eacd
```
#f7eacd rgb(247,234,205)
```
#faf1de
```
#faf1de rgb(250,241,222)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```

Tint Color Variation

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

#98958f
```
#98958f rgb(152,149,143)
```
#a09887
```
#a09887 rgb(160,152,135)
```
#a89c7f
```
#a89c7f rgb(168,156,127)
```
#b09f77
```
#b09f77 rgb(176,159,119)
```
#b9a26e
```
#b9a26e rgb(185,162,110)
```
#c1a566
```
#c1a566 rgb(193,165,102)
```
#c9a85e
```
#c9a85e rgb(201,168,94)
```
#d1ac56
```
#d1ac56 rgb(209,172,86)
```
#daaf4d
```
#daaf4d rgb(218,175,77)
```
#e2b245
```
#e2b245 rgb(226,178,69)
```
#eab53d
```
#eab53d rgb(234,181,61)
```
#f3b834
```
#f3b834 rgb(243,184,52)
```
#fbbc2c
```
#fbbc2c rgb(251,188,44)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bdb49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bc50 Protanopia 1% of men
#e8b34f Deuteranopia 1% of men
#ebabb7 Tritanopia 0.001% of the population

Trichromacy

#d7b84c Protanomaly 1% of men, 0.01% of women
#e6b34b Deuteranomaly 6% of men, 0.4% of women
#e8ad8d Tritanomaly 0.01% of the population

#e2b245 hex color

#e2b245 Color Information

#e2b245 Color Conversion

Color Schemes with #e2b245

Alternatives to #e2b245

#e2b245 Preview

Shades and Tints of #e2b245

Tones of #e2b245

Color Blindness Simulator