#e2c368 hex color

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

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

● #e2c368 color description : Soft orange.

The hexadecimal color #e2c368 has RGB values of R:226, G:195, B:104 and CMYK values of C:0, M:0.14, Y:0.54, K:0.11. Its decimal value is 14861160.

Hex triplet	e2c368	`#e2c368`
RGB Decimal	226, 195, 104	`rgb(226,195,104)`
RGB Percent	88.6, 76.5, 40.8	`rgb(88.6%,76.5%,40.8%)`
CMYK	0, 14, 54, 11
HSL	44.8°, 67.8, 64.7	`hsl(44.8,67.8%,64.7%)`
HSV (or HSB)	44.8°, 54, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.728, -0.099, 49.252
XYZ	53.378, 56.2, 21.132
xyY	0.408, 0.43, 56.2
CIE-LCH	79.728, 49.252, 90.116
CIE-LUV	79.728, 25.518, 60.802
Hunter-Lab	74.967, -4.096, 35.764
Binary	11100010, 11000011, 01101000

#e2c368
```
#e2c368 rgb(226,195,104)
```
#6887e2
```
#6887e2 rgb(104,135,226)
```

Complementary Color

#e28668
```
#e28668 rgb(226,134,104)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#c4e268
```
#c4e268 rgb(196,226,104)
```

Analogous Color

#8668e2
```
#8668e2 rgb(134,104,226)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#68c4e2
```
#68c4e2 rgb(104,196,226)
```

Split Complementary Color

#c368e2
```
#c368e2 rgb(195,104,226)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#68e2c3
```
#68e2c3 rgb(104,226,195)
```

Triadic Color

#e26887
```
#e26887 rgb(226,104,135)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#68e2c3
```
#68e2c3 rgb(104,226,195)
```
#6887e2
```
#6887e2 rgb(104,135,226)
```

Tetradic Color

#d5a929
```
#d5a929 rgb(213,169,41)
```
#dab23d
```
#dab23d rgb(218,178,61)
```
#debb53
```
#debb53 rgb(222,187,83)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#e6cc7d
```
#e6cc7d rgb(230,204,125)
```
#ead493
```
#ead493 rgb(234,212,147)
```
#eedda8
```
#eedda8 rgb(238,221,168)
```

Monochromatic Color

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

#e2a568
```
#e2a568 rgb(226,165,104)
```
#e2af68
```
#e2af68 rgb(226,175,104)
```
#e2b968
```
#e2b968 rgb(226,185,104)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#e2cd68
```
#e2cd68 rgb(226,205,104)
```
#e2d768
```
#e2d768 rgb(226,215,104)
```
#e2e268
```
#e2e268 rgb(226,226,104)
```

Similar Colors

Text with hexadecimal color #e2c368

This text has a font color of #e2c368.

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

#e2c368 background color

This paragraph has a background color of #e2c368.

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

#e2c368 border color

This element has a border color of #e2c368.

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

CSS codes

.text {color:#e2c368;}

.background {background-color:#e2c368;}

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

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

#0e0b03
```
#0e0b03 rgb(14,11,3)
```
#1e1806
```
#1e1806 rgb(30,24,6)
```
#2e2509
```
#2e2509 rgb(46,37,9)
```
#3f320c
```
#3f320c rgb(63,50,12)
```
#4f3f0f
```
#4f3f0f rgb(79,63,15)
```
#604c12
```
#604c12 rgb(96,76,18)
```
#705916
```
#705916 rgb(112,89,22)
```
#816619
```
#816619 rgb(129,102,25)
```
#91731c
```
#91731c rgb(145,115,28)
```
#a2801f
```
#a2801f rgb(162,128,31)
```
#b28e22
```
#b28e22 rgb(178,142,34)
```
#c39b25
```
#c39b25 rgb(195,155,37)
```
#d3a829
```
#d3a829 rgb(211,168,41)
```

Shade Color Variation

#d9af37
```
#d9af37 rgb(217,175,55)
```
#dcb647
```
#dcb647 rgb(220,182,71)
```
#dfbc58
```
#dfbc58 rgb(223,188,88)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#e5ca78
```
#e5ca78 rgb(229,202,120)
```
#e8d089
```
#e8d089 rgb(232,208,137)
```
#ebd799
```
#ebd799 rgb(235,215,153)
```
#efddaa
```
#efddaa rgb(239,221,170)
```
#f2e4ba
```
#f2e4ba rgb(242,228,186)
```
#f5eacb
```
#f5eacb rgb(245,234,203)
```
#f8f1db
```
#f8f1db rgb(248,241,219)
```
#fbf7ec
```
#fbf7ec rgb(251,247,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#aba89f
```
#aba89f rgb(171,168,159)
```
#b2ab98
```
#b2ab98 rgb(178,171,152)
```
#b8af92
```
#b8af92 rgb(184,175,146)
```
#bfb28b
```
#bfb28b rgb(191,178,139)
```
#c6b584
```
#c6b584 rgb(198,181,132)
```
#cdb97d
```
#cdb97d rgb(205,185,125)
```
#d4bc76
```
#d4bc76 rgb(212,188,118)
```
#dbc06f
```
#dbc06f rgb(219,192,111)
```
#e2c368
```
#e2c368 rgb(226,195,104)
```
#e9c661
```
#e9c661 rgb(233,198,97)
```
#f0ca5a
```
#f0ca5a rgb(240,202,90)
```
#f7cd53
```
#f7cd53 rgb(247,205,83)
```
#fed14c
```
#fed14c rgb(254,209,76)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c8c2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc870 Protanopia 1% of men
#f3bf71 Deuteranopia 1% of men
#ecbbc9 Tritanopia 0.001% of the population

Trichromacy

#dec66d Protanomaly 1% of men, 0.01% of women
#edc16e Deuteranomaly 6% of men, 0.4% of women
#e8bea5 Tritanomaly 0.01% of the population

#e2c368 hex color

#e2c368 Color Information

#e2c368 Color Conversion

Color Schemes with #e2c368

Alternatives to #e2c368

#e2c368 Preview

Shades and Tints of #e2c368

Tones of #e2c368

Color Blindness Simulator