#e0c348 hex color

In a RGB color space, hex #e0c348 is composed of 87.8% red, 76.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.9% magenta, 67.9% yellow and 12.2% black. It has a hue angle of 48.6 degrees, a saturation of 71% and a lightness of 58%. #e0c348 color hex could be obtained by blending #ffff90 with #c18700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 88
- G 76
- B 28
RGB color chart
- C 0
- M 13
- Y 68
- K 12
CMYK color chart

● #e0c348 color description : Soft yellow.

The hexadecimal color #e0c348 has RGB values of R:224, G:195, B:72 and CMYK values of C:0, M:0.13, Y:0.68, K:0.12. Its decimal value is 14730056.

Hex triplet	e0c348	`#e0c348`
RGB Decimal	224, 195, 72	`rgb(224,195,72)`
RGB Percent	87.8, 76.5, 28.2	`rgb(87.8%,76.5%,28.2%)`
CMYK	0, 13, 68, 12
HSL	48.6°, 71, 58	`hsl(48.6,71%,58%)`
HSV (or HSB)	48.6°, 67.9, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.241, -3.093, 63.012
XYZ	51.426, 55.347, 14.105
xyY	0.425, 0.458, 55.347
CIE-LCH	79.241, 63.087, 92.81
CIE-LUV	79.241, 25.542, 72.923
Hunter-Lab	74.396, -6.805, 40.836
Binary	11100000, 11000011, 01001000

#e0c348
```
#e0c348 rgb(224,195,72)
```
#4865e0
```
#4865e0 rgb(72,101,224)
```

Complementary Color

#e07748
```
#e07748 rgb(224,119,72)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#b1e048
```
#b1e048 rgb(177,224,72)
```

Analogous Color

#7748e0
```
#7748e0 rgb(119,72,224)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#48b1e0
```
#48b1e0 rgb(72,177,224)
```

Split Complementary Color

#c348e0
```
#c348e0 rgb(195,72,224)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#48e0c3
```
#48e0c3 rgb(72,224,195)
```

Triadic Color

#e04865
```
#e04865 rgb(224,72,101)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#48e0c3
```
#48e0c3 rgb(72,224,195)
```
#4865e0
```
#4865e0 rgb(72,101,224)
```

Tetradic Color

#bc9e20
```
#bc9e20 rgb(188,158,32)
```
#d2b023
```
#d2b023 rgb(210,176,35)
```
#dcbc32
```
#dcbc32 rgb(220,188,50)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#e4ca5e
```
#e4ca5e rgb(228,202,94)
```
#e7d174
```
#e7d174 rgb(231,209,116)
```
#ebd889
```
#ebd889 rgb(235,216,137)
```

Monochromatic Color

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

#e09d48
```
#e09d48 rgb(224,157,72)
```
#e0aa48
```
#e0aa48 rgb(224,170,72)
```
#e0b648
```
#e0b648 rgb(224,182,72)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#e0d048
```
#e0d048 rgb(224,208,72)
```
#e0dc48
```
#e0dc48 rgb(224,220,72)
```
#d7e048
```
#d7e048 rgb(215,224,72)
```

Similar Colors

Text with hexadecimal color #e0c348

This text has a font color of #e0c348.

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

#e0c348 background color

This paragraph has a background color of #e0c348.

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

#e0c348 border color

This element has a border color of #e0c348.

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

CSS codes

.text {color:#e0c348;}

.background {background-color:#e0c348;}

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

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 #fcfaf0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231e06
```
#231e06 rgb(35,30,6)
```
#342c09
```
#342c09 rgb(52,44,9)
```
#453a0c
```
#453a0c rgb(69,58,12)
```
#55480e
```
#55480e rgb(85,72,14)
```
#665611
```
#665611 rgb(102,86,17)
```
#776414
```
#776414 rgb(119,100,20)
```
#887217
```
#887217 rgb(136,114,23)
```
#98801a
```
#98801a rgb(152,128,26)
```
#a98e1d
```
#a98e1d rgb(169,142,29)
```
#ba9d20
```
#ba9d20 rgb(186,157,32)
```
#cbab22
```
#cbab22 rgb(203,171,34)
```

Shade Color Variation

#dab826
```
#dab826 rgb(218,184,38)
```
#ddbe37
```
#ddbe37 rgb(221,190,55)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#e3c859
```
#e3c859 rgb(227,200,89)
```
#e6ce6a
```
#e6ce6a rgb(230,206,106)
```
#e9d37a
```
#e9d37a rgb(233,211,122)
```
#ebd98b
```
#ebd98b rgb(235,217,139)
```
#eede9c
```
#eede9c rgb(238,222,156)
```
#f1e4ad
```
#f1e4ad rgb(241,228,173)
```
#f4e9bd
```
#f4e9bd rgb(244,233,189)
```
#f7efce
```
#f7efce rgb(247,239,206)
```
#faf4df
```
#faf4df rgb(250,244,223)
```
#fcfaf0
```
#fcfaf0 rgb(252,250,240)
```

Tint Color Variation

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

#969592
```
#969592 rgb(150,149,146)
```
#9e9a8a
```
#9e9a8a rgb(158,154,138)
```
#a69f82
```
#a69f82 rgb(166,159,130)
```
#afa479
```
#afa479 rgb(175,164,121)
```
#b7aa71
```
#b7aa71 rgb(183,170,113)
```
#bfaf69
```
#bfaf69 rgb(191,175,105)
```
#c7b461
```
#c7b461 rgb(199,180,97)
```
#d0b958
```
#d0b958 rgb(208,185,88)
```
#d8be50
```
#d8be50 rgb(216,190,80)
```
#e0c348
```
#e0c348 rgb(224,195,72)
```
#e8c840
```
#e8c840 rgb(232,200,64)
```
#f0cd38
```
#f0cd38 rgb(240,205,56)
```
#f9d22f
```
#f9d22f rgb(249,210,47)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c5bfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc751 Protanopia 1% of men
#f5be54 Deuteranopia 1% of men
#ecbac7 Tritanopia 0.001% of the population

Trichromacy

#dec54e Protanomaly 1% of men, 0.01% of women
#edbf50 Deuteranomaly 6% of men, 0.4% of women
#e7bd99 Tritanomaly 0.01% of the population

#e0c348 hex color

#e0c348 Color Information

#e0c348 Color Conversion

Color Schemes with #e0c348

Alternatives to #e0c348

#e0c348 Preview

Shades and Tints of #e0c348

Tones of #e0c348

Color Blindness Simulator