#e0b348 hex color

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

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

● #e0b348 color description : Soft orange.

The hexadecimal color #e0b348 has RGB values of R:224, G:179, B:72 and CMYK values of C:0, M:0.2, Y:0.68, K:0.12. Its decimal value is 14725960.

Hex triplet	e0b348	`#e0b348`
RGB Decimal	224, 179, 72	`rgb(224,179,72)`
RGB Percent	87.8, 70.2, 28.2	`rgb(87.8%,70.2%,28.2%)`
CMYK	0, 20, 68, 12
HSL	42.2°, 71, 58	`hsl(42.2,71%,58%)`
HSV (or HSB)	42.2°, 67.9, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.175, 5.261, 58.784
XYZ	48.031, 48.558, 12.973
xyY	0.438, 0.443, 48.558
CIE-LCH	75.175, 59.019, 84.886
CIE-LUV	75.175, 36.945, 66.138
Hunter-Lab	69.683, 1.09, 37.74
Binary	11100000, 10110011, 01001000

#e0b348
```
#e0b348 rgb(224,179,72)
```
#4875e0
```
#4875e0 rgb(72,117,224)
```

Complementary Color

#e06748
```
#e06748 rgb(224,103,72)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#c1e048
```
#c1e048 rgb(193,224,72)
```

Analogous Color

#6748e0
```
#6748e0 rgb(103,72,224)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#48c1e0
```
#48c1e0 rgb(72,193,224)
```

Split Complementary Color

#b348e0
```
#b348e0 rgb(179,72,224)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#48e0b3
```
#48e0b3 rgb(72,224,179)
```

Triadic Color

#e04875
```
#e04875 rgb(224,72,117)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#48e0b3
```
#48e0b3 rgb(72,224,179)
```
#4875e0
```
#4875e0 rgb(72,117,224)
```

Tetradic Color

#bc8e20
```
#bc8e20 rgb(188,142,32)
```
#d29e23
```
#d29e23 rgb(210,158,35)
```
#dcaa32
```
#dcaa32 rgb(220,170,50)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#e4bc5e
```
#e4bc5e rgb(228,188,94)
```
#e7c574
```
#e7c574 rgb(231,197,116)
```
#ebce89
```
#ebce89 rgb(235,206,137)
```

Monochromatic Color

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

#e08d48
```
#e08d48 rgb(224,141,72)
```
#e09a48
```
#e09a48 rgb(224,154,72)
```
#e0a648
```
#e0a648 rgb(224,166,72)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#e0c048
```
#e0c048 rgb(224,192,72)
```
#e0cc48
```
#e0cc48 rgb(224,204,72)
```
#e0d948
```
#e0d948 rgb(224,217,72)
```

Similar Colors

Text with hexadecimal color #e0b348

This text has a font color of #e0b348.

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

#e0b348 background color

This paragraph has a background color of #e0b348.

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

#e0b348 border color

This element has a border color of #e0b348.

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

CSS codes

.text {color:#e0b348;}

.background {background-color:#e0b348;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120e03
```
#120e03 rgb(18,14,3)
```
#231a06
```
#231a06 rgb(35,26,6)
```
#342709
```
#342709 rgb(52,39,9)
```
#45340c
```
#45340c rgb(69,52,12)
```
#55400e
```
#55400e rgb(85,64,14)
```
#664d11
```
#664d11 rgb(102,77,17)
```
#775a14
```
#775a14 rgb(119,90,20)
```
#886617
```
#886617 rgb(136,102,23)
```
#98731a
```
#98731a rgb(152,115,26)
```
#a9801d
```
#a9801d rgb(169,128,29)
```
#ba8c20
```
#ba8c20 rgb(186,140,32)
```
#cb9922
```
#cb9922 rgb(203,153,34)
```

Shade Color Variation

#daa526
```
#daa526 rgb(218,165,38)
```
#ddac37
```
#ddac37 rgb(221,172,55)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#e3ba59
```
#e3ba59 rgb(227,186,89)
```
#e6c16a
```
#e6c16a rgb(230,193,106)
```
#e9c87a
```
#e9c87a rgb(233,200,122)
```
#ebcf8b
```
#ebcf8b rgb(235,207,139)
```
#eed69c
```
#eed69c rgb(238,214,156)
```
#f1ddad
```
#f1ddad rgb(241,221,173)
```
#f4e4bd
```
#f4e4bd rgb(244,228,189)
```
#f7ebce
```
#f7ebce rgb(247,235,206)
```
#faf2df
```
#faf2df rgb(250,242,223)
```
#fcf9f0
```
#fcf9f0 rgb(252,249,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 #f9bd2f is the most saturated one.

#969592
```
#969592 rgb(150,149,146)
```
#9e988a
```
#9e988a rgb(158,152,138)
```
#a69b82
```
#a69b82 rgb(166,155,130)
```
#af9f79
```
#af9f79 rgb(175,159,121)
```
#b7a271
```
#b7a271 rgb(183,162,113)
```
#bfa669
```
#bfa669 rgb(191,166,105)
```
#c7a961
```
#c7a961 rgb(199,169,97)
```
#d0ac58
```
#d0ac58 rgb(208,172,88)
```
#d8b050
```
#d8b050 rgb(216,176,80)
```
#e0b348
```
#e0b348 rgb(224,179,72)
```
#e8b640
```
#e8b640 rgb(232,182,64)
```
#f0ba38
```
#f0ba38 rgb(240,186,56)
```
#f9bd2f
```
#f9bd2f rgb(249,189,47)
```

Tone Color Variation

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

#d1bc53 Protanopia 1% of men
#e8b452 Deuteranopia 1% of men
#eaacb8 Tritanopia 0.001% of the population

Trichromacy

#d6b94f Protanomaly 1% of men, 0.01% of women
#e5b34e Deuteranomaly 6% of men, 0.4% of women
#e6ae8f Tritanomaly 0.01% of the population

#e0b348 hex color

#e0b348 Color Information

#e0b348 Color Conversion

Color Schemes with #e0b348

Alternatives to #e0b348

#e0b348 Preview

Shades and Tints of #e0b348

Tones of #e0b348

Color Blindness Simulator