#e2c168 hex color

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

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

● #e2c168 color description : Soft orange.

The hexadecimal color #e2c168 has RGB values of R:226, G:193, B:104 and CMYK values of C:0, M:0.15, Y:0.54, K:0.11. Its decimal value is 14860648.

Hex triplet	e2c168	`#e2c168`
RGB Decimal	226, 193, 104	`rgb(226,193,104)`
RGB Percent	88.6, 75.7, 40.8	`rgb(88.6%,75.7%,40.8%)`
CMYK	0, 15, 54, 11
HSL	43.8°, 67.8, 64.7	`hsl(43.8,67.8%,64.7%)`
HSV (or HSB)	43.8°, 54, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.219, 0.941, 48.648
XYZ	52.933, 55.31, 20.984
xyY	0.41, 0.428, 55.31
CIE-LCH	79.219, 48.657, 88.892
CIE-LUV	79.219, 26.867, 59.863
Hunter-Lab	74.371, -3.102, 35.331
Binary	11100010, 11000001, 01101000

#e2c168
```
#e2c168 rgb(226,193,104)
```
#6889e2
```
#6889e2 rgb(104,137,226)
```

Complementary Color

#e28468
```
#e28468 rgb(226,132,104)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#c6e268
```
#c6e268 rgb(198,226,104)
```

Analogous Color

#8468e2
```
#8468e2 rgb(132,104,226)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#68c6e2
```
#68c6e2 rgb(104,198,226)
```

Split Complementary Color

#c168e2
```
#c168e2 rgb(193,104,226)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#68e2c1
```
#68e2c1 rgb(104,226,193)
```

Triadic Color

#e26889
```
#e26889 rgb(226,104,137)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#68e2c1
```
#68e2c1 rgb(104,226,193)
```
#6889e2
```
#6889e2 rgb(104,137,226)
```

Tetradic Color

#d5a629
```
#d5a629 rgb(213,166,41)
```
#daaf3d
```
#daaf3d rgb(218,175,61)
```
#deb853
```
#deb853 rgb(222,184,83)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#e6ca7d
```
#e6ca7d rgb(230,202,125)
```
#ead393
```
#ead393 rgb(234,211,147)
```
#eedba8
```
#eedba8 rgb(238,219,168)
```

Monochromatic Color

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

#e2a368
```
#e2a368 rgb(226,163,104)
```
#e2ad68
```
#e2ad68 rgb(226,173,104)
```
#e2b768
```
#e2b768 rgb(226,183,104)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#e2cb68
```
#e2cb68 rgb(226,203,104)
```
#e2d568
```
#e2d568 rgb(226,213,104)
```
#e2e068
```
#e2e068 rgb(226,224,104)
```

Similar Colors

Text with hexadecimal color #e2c168

This text has a font color of #e2c168.

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

#e2c168 background color

This paragraph has a background color of #e2c168.

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

#e2c168 border color

This element has a border color of #e2c168.

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

CSS codes

.text {color:#e2c168;}

.background {background-color:#e2c168;}

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

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)
```
#1e1706
```
#1e1706 rgb(30,23,6)
```
#2e2409
```
#2e2409 rgb(46,36,9)
```
#3f310c
```
#3f310c rgb(63,49,12)
```
#4f3e0f
```
#4f3e0f rgb(79,62,15)
```
#604b12
```
#604b12 rgb(96,75,18)
```
#705816
```
#705816 rgb(112,88,22)
```
#816519
```
#816519 rgb(129,101,25)
```
#91711c
```
#91711c rgb(145,113,28)
```
#a27e1f
```
#a27e1f rgb(162,126,31)
```
#b28b22
```
#b28b22 rgb(178,139,34)
```
#c39825
```
#c39825 rgb(195,152,37)
```
#d3a529
```
#d3a529 rgb(211,165,41)
```

Shade Color Variation

#d9ad37
```
#d9ad37 rgb(217,173,55)
```
#dcb347
```
#dcb347 rgb(220,179,71)
```
#dfba58
```
#dfba58 rgb(223,186,88)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#e5c878
```
#e5c878 rgb(229,200,120)
```
#e8cf89
```
#e8cf89 rgb(232,207,137)
```
#ebd599
```
#ebd599 rgb(235,213,153)
```
#efdcaa
```
#efdcaa rgb(239,220,170)
```
#f2e3ba
```
#f2e3ba rgb(242,227,186)
```
#f5eacb
```
#f5eacb rgb(245,234,203)
```
#f8f0db
```
#f8f0db rgb(248,240,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 #fece4c is the most saturated one.

#aba89f
```
#aba89f rgb(171,168,159)
```
#b2ab98
```
#b2ab98 rgb(178,171,152)
```
#b8ae92
```
#b8ae92 rgb(184,174,146)
```
#bfb18b
```
#bfb18b rgb(191,177,139)
```
#c6b484
```
#c6b484 rgb(198,180,132)
```
#cdb77d
```
#cdb77d rgb(205,183,125)
```
#d4bb76
```
#d4bb76 rgb(212,187,118)
```
#dbbe6f
```
#dbbe6f rgb(219,190,111)
```
#e2c168
```
#e2c168 rgb(226,193,104)
```
#e9c461
```
#e9c461 rgb(233,196,97)
```
#f0c75a
```
#f0c75a rgb(240,199,90)
```
#f7cb53
```
#f7cb53 rgb(247,203,83)
```
#fece4c
```
#fece4c rgb(254,206,76)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c8c1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac770 Protanopia 1% of men
#f1be71 Deuteranopia 1% of men
#ecbac7 Tritanopia 0.001% of the population

Trichromacy

#ddc56d Protanomaly 1% of men, 0.01% of women
#ecbf6e Deuteranomaly 6% of men, 0.4% of women
#e8bca4 Tritanomaly 0.01% of the population

#e2c168 hex color

#e2c168 Color Information

#e2c168 Color Conversion

Color Schemes with #e2c168

Alternatives to #e2c168

#e2c168 Preview

Shades and Tints of #e2c168

Tones of #e2c168

Color Blindness Simulator