#bb693e hex color

In a RGB color space, hex #bb693e is composed of 73.3% red, 41.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 66.8% yellow and 26.7% black. It has a hue angle of 20.6 degrees, a saturation of 50.2% and a lightness of 48.8%. #bb693e color hex could be obtained by blending #ffd27c with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 41
- B 24
RGB color chart
- C 0
- M 44
- Y 67
- K 27
CMYK color chart

● #bb693e color description : Moderate orange.

The hexadecimal color #bb693e has RGB values of R:187, G:105, B:62 and CMYK values of C:0, M:0.44, Y:0.67, K:0.27. Its decimal value is 12282174.

Hex triplet	bb693e	`#bb693e`
RGB Decimal	187, 105, 62	`rgb(187,105,62)`
RGB Percent	73.3, 41.2, 24.3	`rgb(73.3%,41.2%,24.3%)`
CMYK	0, 44, 67, 27
HSL	20.6°, 50.2, 48.8	`hsl(20.6,50.2%,48.8%)`
HSV (or HSB)	20.6°, 66.8, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.969, 29.014, 37.95
XYZ	26.415, 21.018, 7.223
xyY	0.483, 0.385, 21.018
CIE-LCH	52.969, 47.77, 52.601
CIE-LUV	52.969, 64.009, 35.988
Hunter-Lab	45.845, 22.62, 22.751
Binary	10111011, 01101001, 00111110

#bb693e
```
#bb693e rgb(187,105,62)
```
#3e90bb
```
#3e90bb rgb(62,144,187)
```

Complementary Color

#bb3e52
```
#bb3e52 rgb(187,62,82)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#bba83e
```
#bba83e rgb(187,168,62)
```

Analogous Color

#3e52bb
```
#3e52bb rgb(62,82,187)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#3ebba8
```
#3ebba8 rgb(62,187,168)
```

Split Complementary Color

#693ebb
```
#693ebb rgb(105,62,187)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#3ebb69
```
#3ebb69 rgb(62,187,105)
```

Triadic Color

#bb3e90
```
#bb3e90 rgb(187,62,144)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#3ebb69
```
#3ebb69 rgb(62,187,105)
```
#3e90bb
```
#3e90bb rgb(62,144,187)
```

Tetradic Color

#82492b
```
#82492b rgb(130,73,43)
```
#955331
```
#955331 rgb(149,83,49)
```
#a85e38
```
#a85e38 rgb(168,94,56)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#c4774e
```
#c4774e rgb(196,119,78)
```
#cb8661
```
#cb8661 rgb(203,134,97)
```
#d19474
```
#d19474 rgb(209,148,116)
```

Monochromatic Color

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

#bb4a3e
```
#bb4a3e rgb(187,74,62)
```
#bb543e
```
#bb543e rgb(187,84,62)
```
#bb5f3e
```
#bb5f3e rgb(187,95,62)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#bb733e
```
#bb733e rgb(187,115,62)
```
#bb7e3e
```
#bb7e3e rgb(187,126,62)
```
#bb883e
```
#bb883e rgb(187,136,62)
```

Similar Colors

Text with hexadecimal color #bb693e

This text has a font color of #bb693e.

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

#bb693e background color

This paragraph has a background color of #bb693e.

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

#bb693e border color

This element has a border color of #bb693e.

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

CSS codes

.text {color:#bb693e;}

.background {background-color:#bb693e;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#190e08
```
#190e08 rgb(25,14,8)
```
#28160d
```
#28160d rgb(40,22,13)
```
#361f12
```
#361f12 rgb(54,31,18)
```
#452717
```
#452717 rgb(69,39,23)
```
#542f1c
```
#542f1c rgb(84,47,28)
```
#633721
```
#633721 rgb(99,55,33)
```
#714026
```
#714026 rgb(113,64,38)
```
#80482a
```
#80482a rgb(128,72,42)
```
#8f502f
```
#8f502f rgb(143,80,47)
```
#9e5834
```
#9e5834 rgb(158,88,52)
```
#ac6139
```
#ac6139 rgb(172,97,57)
```
#bb693e
```
#bb693e rgb(187,105,62)
```

Shade Color Variation

#c3734a
```
#c3734a rgb(195,115,74)
```
#c87f58
```
#c87f58 rgb(200,127,88)
```
#cd8a67
```
#cd8a67 rgb(205,138,103)
```
#d29576
```
#d29576 rgb(210,149,118)
```
#d6a185
```
#d6a185 rgb(214,161,133)
```
#dbac93
```
#dbac93 rgb(219,172,147)
```
#e0b7a2
```
#e0b7a2 rgb(224,183,162)
```
#e5c3b1
```
#e5c3b1 rgb(229,195,177)
```
#eacec0
```
#eacec0 rgb(234,206,192)
```
#efd9ce
```
#efd9ce rgb(239,217,206)
```
#f4e5dd
```
#f4e5dd rgb(244,229,221)
```
#f9f0ec
```
#f9f0ec rgb(249,240,236)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#827b77
```
#827b77 rgb(130,123,119)
```
#8b786e
```
#8b786e rgb(139,120,110)
```
#957564
```
#957564 rgb(149,117,100)
```
#9e725b
```
#9e725b rgb(158,114,91)
```
#a86f51
```
#a86f51 rgb(168,111,81)
```
#b16c48
```
#b16c48 rgb(177,108,72)
```
#bb693e
```
#bb693e rgb(187,105,62)
```
#c56634
```
#c56634 rgb(197,102,52)
```
#ce632b
```
#ce632b rgb(206,99,43)
```
#d86021
```
#d86021 rgb(216,96,33)
```
#e15d18
```
#e15d18 rgb(225,93,24)
```
#eb5a0e
```
#eb5a0e rgb(235,90,14)
```
#f45705
```
#f45705 rgb(244,87,5)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91854e Protanopia 1% of men
#a27f43 Deuteranopia 1% of men
#c16b72 Tritanopia 0.001% of the population

Trichromacy

#a07a48 Protanomaly 1% of men, 0.01% of women
#ab7741 Deuteranomaly 6% of men, 0.4% of women
#bf6a5f Tritanomaly 0.01% of the population

#bb693e hex color

#bb693e Color Information

#bb693e Color Conversion

Color Schemes with #bb693e

Alternatives to #bb693e

#bb693e Preview

Shades and Tints of #bb693e

Tones of #bb693e

Color Blindness Simulator