#b4694d hex color

In a RGB color space, hex #b4694d is composed of 70.6% red, 41.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 57.2% yellow and 29.4% black. It has a hue angle of 16.3 degrees, a saturation of 40.7% and a lightness of 50.4%. #b4694d color hex could be obtained by blending #ffd29a with #690000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 71
- G 41
- B 30
RGB color chart
- C 0
- M 42
- Y 57
- K 29
CMYK color chart

● #b4694d color description : Moderate orange.

The hexadecimal color #b4694d has RGB values of R:180, G:105, B:77 and CMYK values of C:0, M:0.42, Y:0.57, K:0.29. Its decimal value is 11823437.

Hex triplet	b4694d	`#b4694d`
RGB Decimal	180, 105, 77	`rgb(180,105,77)`
RGB Percent	70.6, 41.2, 30.2	`rgb(70.6%,41.2%,30.2%)`
CMYK	0, 42, 57, 29
HSL	16.3°, 40.7, 50.4	`hsl(16.3,40.7%,50.4%)`
HSV (or HSB)	16.3°, 57.2, 70.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.224, 27.202, 28.551
XYZ	25.214, 20.344, 9.62
xyY	0.457, 0.369, 20.344
CIE-LCH	52.224, 39.435, 46.387
CIE-LUV	52.224, 56.291, 28.073
Hunter-Lab	45.104, 20.851, 18.928
Binary	10110100, 01101001, 01001101

#b4694d
```
#b4694d rgb(180,105,77)
```
#4d98b4
```
#4d98b4 rgb(77,152,180)
```

Complementary Color

#b44d65
```
#b44d65 rgb(180,77,101)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#b49d4d
```
#b49d4d rgb(180,157,77)
```

Analogous Color

#4d65b4
```
#4d65b4 rgb(77,101,180)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#4db49d
```
#4db49d rgb(77,180,157)
```

Split Complementary Color

#694db4
```
#694db4 rgb(105,77,180)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#4db469
```
#4db469 rgb(77,180,105)
```

Triadic Color

#b44d98
```
#b44d98 rgb(180,77,152)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#4db469
```
#4db469 rgb(77,180,105)
```
#4d98b4
```
#4d98b4 rgb(77,152,180)
```

Tetradic Color

#7f4936
```
#7f4936 rgb(127,73,54)
```
#91543d
```
#91543d rgb(145,84,61)
```
#a35e45
```
#a35e45 rgb(163,94,69)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#bc785f
```
#bc785f rgb(188,120,95)
```
#c38771
```
#c38771 rgb(195,135,113)
```
#cb9683
```
#cb9683 rgb(203,150,131)
```

Monochromatic Color

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

#b44f4d
```
#b44f4d rgb(180,79,77)
```
#b4584d
```
#b4584d rgb(180,88,77)
```
#b4604d
```
#b4604d rgb(180,96,77)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#b4724d
```
#b4724d rgb(180,114,77)
```
#b47a4d
```
#b47a4d rgb(180,122,77)
```
#b4834d
```
#b4834d rgb(180,131,77)
```

Similar Colors

Text with hexadecimal color #b4694d

This text has a font color of #b4694d.

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

#b4694d background color

This paragraph has a background color of #b4694d.

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

#b4694d border color

This element has a border color of #b4694d.

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

CSS codes

.text {color:#b4694d;}

.background {background-color:#b4694d;}

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

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, #010101 is the darkest color, while #faf5f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1d110c
```
#1d110c rgb(29,17,12)
```
#2b1912
```
#2b1912 rgb(43,25,18)
```
#392118
```
#392118 rgb(57,33,24)
```
#46291e
```
#46291e rgb(70,41,30)
```
#543123
```
#543123 rgb(84,49,35)
```
#623929
```
#623929 rgb(98,57,41)
```
#70412f
```
#70412f rgb(112,65,47)
```
#7e4935
```
#7e4935 rgb(126,73,53)
```
#8b513b
```
#8b513b rgb(139,81,59)
```
#995941
```
#995941 rgb(153,89,65)
```
#a76146
```
#a76146 rgb(167,97,70)
```

Shade Color Variation

#b4694d
```
#b4694d rgb(180,105,77)
```
#ba755b
```
#ba755b rgb(186,117,91)
```
#c08069
```
#c08069 rgb(192,128,105)
```
#c58c76
```
#c58c76 rgb(197,140,118)
```
#cb9884
```
#cb9884 rgb(203,152,132)
```
#d1a392
```
#d1a392 rgb(209,163,146)
```
#d7afa0
```
#d7afa0 rgb(215,175,160)
```
#ddbaae
```
#ddbaae rgb(221,186,174)
```
#e3c6bb
```
#e3c6bb rgb(227,198,187)
```
#e8d2c9
```
#e8d2c9 rgb(232,210,201)
```
#eeddd7
```
#eeddd7 rgb(238,221,215)
```
#f4e9e5
```
#f4e9e5 rgb(244,233,229)
```
#faf5f3
```
#faf5f3 rgb(250,245,243)
```

Tint Color Variation

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

#837f7e
```
#837f7e rgb(131,127,126)
```
#8d7b74
```
#8d7b74 rgb(141,123,116)
```
#97766a
```
#97766a rgb(151,118,106)
```
#a17260
```
#a17260 rgb(161,114,96)
```
#aa6d57
```
#aa6d57 rgb(170,109,87)
```
#b4694d
```
#b4694d rgb(180,105,77)
```
#be6543
```
#be6543 rgb(190,101,67)
```
#c7603a
```
#c7603a rgb(199,96,58)
```
#d15c30
```
#d15c30 rgb(209,92,48)
```
#db5726
```
#db5726 rgb(219,87,38)
```
#e5531c
```
#e5531c rgb(229,83,28)
```
#ee4e13
```
#ee4e13 rgb(238,78,19)
```
#f84a09
```
#f84a09 rgb(248,74,9)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#877873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835d Protanopia 1% of men
#9d7d52 Deuteranopia 1% of men
#ba6c73 Tritanopia 0.001% of the population

Trichromacy

#9b7957 Protanomaly 1% of men, 0.01% of women
#a57650 Deuteranomaly 6% of men, 0.4% of women
#b76b65 Tritanomaly 0.01% of the population

#b4694d hex color

#b4694d Color Information

#b4694d Color Conversion

Color Schemes with #b4694d

Alternatives to #b4694d

#b4694d Preview

Shades and Tints of #b4694d

Tones of #b4694d

Color Blindness Simulator