#b46348 hex color

In a RGB color space, hex #b46348 is composed of 70.6% red, 38.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 60% yellow and 29.4% black. It has a hue angle of 15 degrees, a saturation of 42.9% and a lightness of 49.4%. #b46348 color hex could be obtained by blending #ffc690 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 39
- B 28
RGB color chart
- C 0
- M 45
- Y 60
- K 29
CMYK color chart

● #b46348 color description : Moderate red.

The hexadecimal color #b46348 has RGB values of R:180, G:99, B:72 and CMYK values of C:0, M:0.45, Y:0.6, K:0.29. Its decimal value is 11821896.

Hex triplet	b46348	`#b46348`
RGB Decimal	180, 99, 72	`rgb(180,99,72)`
RGB Percent	70.6, 38.8, 28.2	`rgb(70.6%,38.8%,28.2%)`
CMYK	0, 45, 60, 29
HSL	15°, 42.9, 49.4	`hsl(15,42.9%,49.4%)`
HSV (or HSB)	15°, 60, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.8, 30.08, 29.6
XYZ	24.455, 19.097, 8.529
xyY	0.47, 0.367, 19.097
CIE-LCH	50.8, 42.201, 44.539
CIE-LUV	50.8, 61.325, 28.025
Hunter-Lab	43.7, 23.414, 19.019
Binary	10110100, 01100011, 01001000

#b46348
```
#b46348 rgb(180,99,72)
```
#4899b4
```
#4899b4 rgb(72,153,180)
```

Complementary Color

#b44863
```
#b44863 rgb(180,72,99)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#b49948
```
#b49948 rgb(180,153,72)
```

Analogous Color

#4863b4
```
#4863b4 rgb(72,99,180)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#48b499
```
#48b499 rgb(72,180,153)
```

Split Complementary Color

#6348b4
```
#6348b4 rgb(99,72,180)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#48b463
```
#48b463 rgb(72,180,99)
```

Triadic Color

#b44899
```
#b44899 rgb(180,72,153)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#48b463
```
#48b463 rgb(72,180,99)
```
#4899b4
```
#4899b4 rgb(72,153,180)
```

Tetradic Color

#7d4532
```
#7d4532 rgb(125,69,50)
```
#904f39
```
#904f39 rgb(144,79,57)
```
#a25941
```
#a25941 rgb(162,89,65)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#bd7259
```
#bd7259 rgb(189,114,89)
```
#c4816b
```
#c4816b rgb(196,129,107)
```
#cb917d
```
#cb917d rgb(203,145,125)
```

Monochromatic Color

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

#b44848
```
#b44848 rgb(180,72,72)
```
#b45148
```
#b45148 rgb(180,81,72)
```
#b45a48
```
#b45a48 rgb(180,90,72)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#b46c48
```
#b46c48 rgb(180,108,72)
```
#b47548
```
#b47548 rgb(180,117,72)
```
#b47e48
```
#b47e48 rgb(180,126,72)
```

Similar Colors

Text with hexadecimal color #b46348

This text has a font color of #b46348.

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

#b46348 background color

This paragraph has a background color of #b46348.

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

#b46348 border color

This element has a border color of #b46348.

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

CSS codes

.text {color:#b46348;}

.background {background-color:#b46348;}

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

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

#0c0705
```
#0c0705 rgb(12,7,5)
```
#1a0e0a
```
#1a0e0a rgb(26,14,10)
```
#281610
```
#281610 rgb(40,22,16)
```
#361e16
```
#361e16 rgb(54,30,22)
```
#44251b
```
#44251b rgb(68,37,27)
```
#522d21
```
#522d21 rgb(82,45,33)
```
#603526
```
#603526 rgb(96,53,38)
```
#6e3c2c
```
#6e3c2c rgb(110,60,44)
```
#7c4432
```
#7c4432 rgb(124,68,50)
```
#8a4c37
```
#8a4c37 rgb(138,76,55)
```
#98543d
```
#98543d rgb(152,84,61)
```
#a65b42
```
#a65b42 rgb(166,91,66)
```
#b46348
```
#b46348 rgb(180,99,72)
```

Shade Color Variation

#bb6e55
```
#bb6e55 rgb(187,110,85)
```
#c07a63
```
#c07a63 rgb(192,122,99)
```
#c68671
```
#c68671 rgb(198,134,113)
```
#cc927f
```
#cc927f rgb(204,146,127)
```
#d19e8d
```
#d19e8d rgb(209,158,141)
```
#d7aa9b
```
#d7aa9b rgb(215,170,155)
```
#ddb6a9
```
#ddb6a9 rgb(221,182,169)
```
#e2c2b7
```
#e2c2b7 rgb(226,194,183)
```
#e8cec5
```
#e8cec5 rgb(232,206,197)
```
#edd9d3
```
#edd9d3 rgb(237,217,211)
```
#f3e5e1
```
#f3e5e1 rgb(243,229,225)
```
#f9f1ef
```
#f9f1ef rgb(249,241,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#847b78
```
#847b78 rgb(132,123,120)
```
#8d766f
```
#8d766f rgb(141,118,111)
```
#977265
```
#977265 rgb(151,114,101)
```
#a16d5b
```
#a16d5b rgb(161,109,91)
```
#aa6852
```
#aa6852 rgb(170,104,82)
```
#b46348
```
#b46348 rgb(180,99,72)
```
#be5e3e
```
#be5e3e rgb(190,94,62)
```
#c75935
```
#c75935 rgb(199,89,53)
```
#d1542b
```
#d1542b rgb(209,84,43)
```
#db5021
```
#db5021 rgb(219,80,33)
```
#e44b18
```
#e44b18 rgb(228,75,24)
```
#ee460e
```
#ee460e rgb(238,70,14)
```
#f84104
```
#f84104 rgb(248,65,4)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#84746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7f59 Protanopia 1% of men
#9a7a4d Deuteranopia 1% of men
#b9676e Tritanopia 0.001% of the population

Trichromacy

#997552 Protanomaly 1% of men, 0.01% of women
#a3714b Deuteranomaly 6% of men, 0.4% of women
#b76560 Tritanomaly 0.01% of the population

#b46348 hex color

#b46348 Color Information

#b46348 Color Conversion

Color Schemes with #b46348

Alternatives to #b46348

#b46348 Preview

Shades and Tints of #b46348

Tones of #b46348

Color Blindness Simulator