#b4691f hex color

In a RGB color space, hex #b4691f is composed of 70.6% red, 41.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 82.8% yellow and 29.4% black. It has a hue angle of 29.8 degrees, a saturation of 70.6% and a lightness of 41.4%. #b4691f color hex could be obtained by blending #ffd23e with #690000. Closest websafe color is: #cc6633.

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

● #b4691f color description : Strong orange.

The hexadecimal color #b4691f has RGB values of R:180, G:105, B:31 and CMYK values of C:0, M:0.42, Y:0.83, K:0.29. Its decimal value is 11823391.

Hex triplet	b4691f	`#b4691f`
RGB Decimal	180, 105, 31	`rgb(180,105,31)`
RGB Percent	70.6, 41.2, 12.2	`rgb(70.6%,41.2%,12.2%)`
CMYK	0, 42, 83, 29
HSL	29.8°, 70.6, 41.4	`hsl(29.8,70.6%,41.4%)`
HSV (or HSB)	29.8°, 82.8, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.732, 24.615, 51.031
XYZ	24.122, 19.907, 3.868
xyY	0.504, 0.416, 19.907
CIE-LCH	51.732, 56.657, 64.25
CIE-LUV	51.732, 61.035, 45.427
Hunter-Lab	44.618, 18.423, 26.092
Binary	10110100, 01101001, 00011111

#b4691f
```
#b4691f rgb(180,105,31)
```
#1f6ab4
```
#1f6ab4 rgb(31,106,180)
```

Complementary Color

#b41f1f
```
#b41f1f rgb(180,31,31)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#b4b41f
```
#b4b41f rgb(180,180,31)
```

Analogous Color

#1f20b4
```
#1f20b4 rgb(31,32,180)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#1fb4b4
```
#1fb4b4 rgb(31,180,180)
```

Split Complementary Color

#691fb4
```
#691fb4 rgb(105,31,180)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#1fb469
```
#1fb469 rgb(31,180,105)
```

Triadic Color

#b41f6a
```
#b41f6a rgb(180,31,106)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#1fb469
```
#1fb469 rgb(31,180,105)
```
#1f6ab4
```
#1f6ab4 rgb(31,106,180)
```

Tetradic Color

#734314
```
#734314 rgb(115,67,20)
```
#885018
```
#885018 rgb(136,80,24)
```
#9e5c1b
```
#9e5c1b rgb(158,92,27)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#ca7623
```
#ca7623 rgb(202,118,35)
```
#db822b
```
#db822b rgb(219,130,43)
```
#de8f41
```
#de8f41 rgb(222,143,65)
```

Monochromatic Color

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

#b4441f
```
#b4441f rgb(180,68,31)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#b45d1f
```
#b45d1f rgb(180,93,31)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#b4751f
```
#b4751f rgb(180,117,31)
```
#b4821f
```
#b4821f rgb(180,130,31)
```
#b48e1f
```
#b48e1f rgb(180,142,31)
```

Similar Colors

Text with hexadecimal color #b4691f

This text has a font color of #b4691f.

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

#b4691f background color

This paragraph has a background color of #b4691f.

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

#b4691f border color

This element has a border color of #b4691f.

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

CSS codes

.text {color:#b4691f;}

.background {background-color:#b4691f;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1d1105
```
#1d1105 rgb(29,17,5)
```
#2e1b08
```
#2e1b08 rgb(46,27,8)
```
#3f250b
```
#3f250b rgb(63,37,11)
```
#502e0e
```
#502e0e rgb(80,46,14)
```
#603811
```
#603811 rgb(96,56,17)
```
#714213
```
#714213 rgb(113,66,19)
```
#824c16
```
#824c16 rgb(130,76,22)
```
#935519
```
#935519 rgb(147,85,25)
```
#a35f1c
```
#a35f1c rgb(163,95,28)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#c57322
```
#c57322 rgb(197,115,34)
```
#d57d25
```
#d57d25 rgb(213,125,37)
```

Shade Color Variation

#dc8632
```
#dc8632 rgb(220,134,50)
```
#df9043
```
#df9043 rgb(223,144,67)
```
#e19a54
```
#e19a54 rgb(225,154,84)
```
#e4a464
```
#e4a464 rgb(228,164,100)
```
#e7ae75
```
#e7ae75 rgb(231,174,117)
```
#eab886
```
#eab886 rgb(234,184,134)
```
#edc197
```
#edc197 rgb(237,193,151)
```
#f0cba7
```
#f0cba7 rgb(240,203,167)
```
#f3d5b8
```
#f3d5b8 rgb(243,213,184)
```
#f6dfc9
```
#f6dfc9 rgb(246,223,201)
```
#f9e9d9
```
#f9e9d9 rgb(249,233,217)
```
#fbf3ea
```
#fbf3ea rgb(251,243,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#6b6968
```
#6b6968 rgb(107,105,104)
```
#736960
```
#736960 rgb(115,105,96)
```
#7b6958
```
#7b6958 rgb(123,105,88)
```
#836950
```
#836950 rgb(131,105,80)
```
#8b6948
```
#8b6948 rgb(139,105,72)
```
#94693f
```
#94693f rgb(148,105,63)
```
#9c6937
```
#9c6937 rgb(156,105,55)
```
#a4692f
```
#a4692f rgb(164,105,47)
```
#ac6927
```
#ac6927 rgb(172,105,39)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#bc6917
```
#bc6917 rgb(188,105,23)
```
#c4690f
```
#c4690f rgb(196,105,15)
```
#cc6907
```
#cc6907 rgb(204,105,7)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#837465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90822f Protanopia 1% of men
#a27c25 Deuteranopia 1% of men
#bb6a70 Tritanopia 0.001% of the population

Trichromacy

#9d7929 Protanomaly 1% of men, 0.01% of women
#a87523 Deuteranomaly 6% of men, 0.4% of women
#b86953 Tritanomaly 0.01% of the population

#b4691f hex color

#b4691f Color Information

#b4691f Color Conversion

Color Schemes with #b4691f

Alternatives to #b4691f

#b4691f Preview

Shades and Tints of #b4691f

Tones of #b4691f

Color Blindness Simulator