#e2b368 hex color

In a RGB color space, hex #e2b368 is composed of 88.6% red, 70.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 54% yellow and 11.4% black. It has a hue angle of 36.9 degrees, a saturation of 67.8% and a lightness of 64.7%. #e2b368 color hex could be obtained by blending #ffffd0 with #c56700. Closest websafe color is: #cccc66.

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

● #e2b368 color description : Soft orange.

The hexadecimal color #e2b368 has RGB values of R:226, G:179, B:104 and CMYK values of C:0, M:0.21, Y:0.54, K:0.11. Its decimal value is 14857064.

Hex triplet	e2b368	`#e2b368`
RGB Decimal	226, 179, 104	`rgb(226,179,104)`
RGB Percent	88.6, 70.2, 40.8	`rgb(88.6%,70.2%,40.8%)`
CMYK	0, 21, 54, 11
HSL	36.9°, 67.8, 64.7	`hsl(36.9,67.8%,64.7%)`
HSV (or HSB)	36.9°, 54, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.706, 8.297, 44.424
XYZ	49.983, 49.411, 20
xyY	0.419, 0.414, 49.411
CIE-LCH	75.706, 45.192, 79.42
CIE-LUV	75.706, 36.473, 53.275
Hunter-Lab	70.293, 3.914, 32.335
Binary	11100010, 10110011, 01101000

#e2b368
```
#e2b368 rgb(226,179,104)
```
#6897e2
```
#6897e2 rgb(104,151,226)
```

Complementary Color

#e27668
```
#e27668 rgb(226,118,104)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#d4e268
```
#d4e268 rgb(212,226,104)
```

Analogous Color

#7668e2
```
#7668e2 rgb(118,104,226)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#68d4e2
```
#68d4e2 rgb(104,212,226)
```

Split Complementary Color

#b368e2
```
#b368e2 rgb(179,104,226)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#68e2b3
```
#68e2b3 rgb(104,226,179)
```

Triadic Color

#e26897
```
#e26897 rgb(226,104,151)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#68e2b3
```
#68e2b3 rgb(104,226,179)
```
#6897e2
```
#6897e2 rgb(104,151,226)
```

Tetradic Color

#d59229
```
#d59229 rgb(213,146,41)
```
#da9d3d
```
#da9d3d rgb(218,157,61)
```
#dea853
```
#dea853 rgb(222,168,83)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#e6be7d
```
#e6be7d rgb(230,190,125)
```
#eac993
```
#eac993 rgb(234,201,147)
```
#eed3a8
```
#eed3a8 rgb(238,211,168)
```

Monochromatic Color

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

#e29568
```
#e29568 rgb(226,149,104)
```
#e29f68
```
#e29f68 rgb(226,159,104)
```
#e2a968
```
#e2a968 rgb(226,169,104)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#e2bd68
```
#e2bd68 rgb(226,189,104)
```
#e2c768
```
#e2c768 rgb(226,199,104)
```
#e2d268
```
#e2d268 rgb(226,210,104)
```

Similar Colors

Text with hexadecimal color #e2b368

This text has a font color of #e2b368.

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

#e2b368 background color

This paragraph has a background color of #e2b368.

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

#e2b368 border color

This element has a border color of #e2b368.

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

CSS codes

.text {color:#e2b368;}

.background {background-color:#e2b368;}

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

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, #0e0903 is the darkest color, while #fefefc is the lightest one.

#0e0903
```
#0e0903 rgb(14,9,3)
```
#1e1506
```
#1e1506 rgb(30,21,6)
```
#2e2009
```
#2e2009 rgb(46,32,9)
```
#3f2b0c
```
#3f2b0c rgb(63,43,12)
```
#4f370f
```
#4f370f rgb(79,55,15)
```
#604212
```
#604212 rgb(96,66,18)
```
#704d16
```
#704d16 rgb(112,77,22)
```
#815919
```
#815919 rgb(129,89,25)
```
#91641c
```
#91641c rgb(145,100,28)
```
#a26f1f
```
#a26f1f rgb(162,111,31)
```
#b27b22
```
#b27b22 rgb(178,123,34)
```
#c38625
```
#c38625 rgb(195,134,37)
```
#d39129
```
#d39129 rgb(211,145,41)
```

Shade Color Variation

#d99a37
```
#d99a37 rgb(217,154,55)
```
#dca247
```
#dca247 rgb(220,162,71)
```
#dfab58
```
#dfab58 rgb(223,171,88)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#e5bb78
```
#e5bb78 rgb(229,187,120)
```
#e8c489
```
#e8c489 rgb(232,196,137)
```
#ebcc99
```
#ebcc99 rgb(235,204,153)
```
#efd4aa
```
#efd4aa rgb(239,212,170)
```
#f2dcba
```
#f2dcba rgb(242,220,186)
```
#f5e5cb
```
#f5e5cb rgb(245,229,203)
```
#f8eddb
```
#f8eddb rgb(248,237,219)
```
#fbf5ec
```
#fbf5ec rgb(251,245,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#aba69f
```
#aba69f rgb(171,166,159)
```
#b2a898
```
#b2a898 rgb(178,168,152)
```
#b8a992
```
#b8a992 rgb(184,169,146)
```
#bfab8b
```
#bfab8b rgb(191,171,139)
```
#c6ad84
```
#c6ad84 rgb(198,173,132)
```
#cdae7d
```
#cdae7d rgb(205,174,125)
```
#d4b076
```
#d4b076 rgb(212,176,118)
```
#dbb16f
```
#dbb16f rgb(219,177,111)
```
#e2b368
```
#e2b368 rgb(226,179,104)
```
#e9b561
```
#e9b561 rgb(233,181,97)
```
#f0b65a
```
#f0b65a rgb(240,182,90)
```
#f7b853
```
#f7b853 rgb(247,184,83)
```
#feb94c
```
#feb94c rgb(254,185,76)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c1b8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbe72 Protanopia 1% of men
#e5b570 Deuteranopia 1% of men
#eaaeba Tritanopia 0.001% of the population

Trichromacy

#d6ba6e Protanomaly 1% of men, 0.01% of women
#e4b46d Deuteranomaly 6% of men, 0.4% of women
#e7af9c Tritanomaly 0.01% of the population

#e2b368 hex color

#e2b368 Color Information

#e2b368 Color Conversion

Color Schemes with #e2b368

Alternatives to #e2b368

#e2b368 Preview

Shades and Tints of #e2b368

Tones of #e2b368

Color Blindness Simulator