#bb7d3f hex color

In a RGB color space, hex #bb7d3f is composed of 73.3% red, 49% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 66.3% yellow and 26.7% black. It has a hue angle of 30 degrees, a saturation of 49.6% and a lightness of 49%. #bb7d3f color hex could be obtained by blending #fffa7e with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 49
- B 25
RGB color chart
- C 0
- M 33
- Y 66
- K 27
CMYK color chart

● #bb7d3f color description : Moderate orange.

The hexadecimal color #bb7d3f has RGB values of R:187, G:125, B:63 and CMYK values of C:0, M:0.33, Y:0.66, K:0.27. Its decimal value is 12287295.

Hex triplet	bb7d3f	`#bb7d3f`
RGB Decimal	187, 125, 63	`rgb(187,125,63)`
RGB Percent	73.3, 49, 24.7	`rgb(73.3%,49%,24.7%)`
CMYK	0, 33, 66, 27
HSL	30°, 49.6, 49	`hsl(30,49.6%,49%)`
HSV (or HSB)	30°, 66.3, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.648, 18.089, 42.764
XYZ	28.725, 25.593, 8.129
xyY	0.46, 0.41, 25.593
CIE-LCH	57.648, 46.432, 67.072
CIE-LUV	57.648, 48.777, 44.022
Hunter-Lab	50.589, 12.822, 25.885
Binary	10111011, 01111101, 00111111

#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#3f7dbb
```
#3f7dbb rgb(63,125,187)
```

Complementary Color

#bb3f3f
```
#bb3f3f rgb(187,63,63)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#bbbb3f
```
#bbbb3f rgb(187,187,63)
```

Analogous Color

#3f3fbb
```
#3f3fbb rgb(63,63,187)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#3fbbbb
```
#3fbbbb rgb(63,187,187)
```

Split Complementary Color

#7d3fbb
```
#7d3fbb rgb(125,63,187)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#3fbb7d
```
#3fbb7d rgb(63,187,125)
```

Triadic Color

#bb3f7d
```
#bb3f7d rgb(187,63,125)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#3fbb7d
```
#3fbb7d rgb(63,187,125)
```
#3f7dbb
```
#3f7dbb rgb(63,125,187)
```

Tetradic Color

#82572c
```
#82572c rgb(130,87,44)
```
#956332
```
#956332 rgb(149,99,50)
```
#a87039
```
#a87039 rgb(168,112,57)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#c48a50
```
#c48a50 rgb(196,138,80)
```
#ca9763
```
#ca9763 rgb(202,151,99)
```
#d1a376
```
#d1a376 rgb(209,163,118)
```

Monochromatic Color

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

#bb5e3f
```
#bb5e3f rgb(187,94,63)
```
#bb683f
```
#bb683f rgb(187,104,63)
```
#bb733f
```
#bb733f rgb(187,115,63)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#bb873f
```
#bb873f rgb(187,135,63)
```
#bb923f
```
#bb923f rgb(187,146,63)
```
#bb9c3f
```
#bb9c3f rgb(187,156,63)
```

Similar Colors

Text with hexadecimal color #bb7d3f

This text has a font color of #bb7d3f.

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

#bb7d3f background color

This paragraph has a background color of #bb7d3f.

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

#bb7d3f border color

This element has a border color of #bb7d3f.

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

CSS codes

.text {color:#bb7d3f;}

.background {background-color:#bb7d3f;}

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

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

#0b0704
```
#0b0704 rgb(11,7,4)
```
#1a1109
```
#1a1109 rgb(26,17,9)
```
#281b0e
```
#281b0e rgb(40,27,14)
```
#372513
```
#372513 rgb(55,37,19)
```
#462f17
```
#462f17 rgb(70,47,23)
```
#54381c
```
#54381c rgb(84,56,28)
```
#634221
```
#634221 rgb(99,66,33)
```
#724c26
```
#724c26 rgb(114,76,38)
```
#80562b
```
#80562b rgb(128,86,43)
```
#8f6030
```
#8f6030 rgb(143,96,48)
```
#9e6935
```
#9e6935 rgb(158,105,53)
```
#ac733a
```
#ac733a rgb(172,115,58)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```

Shade Color Variation

#c2874b
```
#c2874b rgb(194,135,75)
```
#c7915a
```
#c7915a rgb(199,145,90)
```
#cc9a69
```
#cc9a69 rgb(204,154,105)
```
#d1a477
```
#d1a477 rgb(209,164,119)
```
#d6ae86
```
#d6ae86 rgb(214,174,134)
```
#dbb895
```
#dbb895 rgb(219,184,149)
```
#e0c2a3
```
#e0c2a3 rgb(224,194,163)
```
#e5cbb2
```
#e5cbb2 rgb(229,203,178)
```
#ead5c1
```
#ead5c1 rgb(234,213,193)
```
#efdfcf
```
#efdfcf rgb(239,223,207)
```
#f4e9de
```
#f4e9de rgb(244,233,222)
```
#f9f3ed
```
#f9f3ed rgb(249,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#817d79
```
#817d79 rgb(129,125,121)
```
#8b7d6f
```
#8b7d6f rgb(139,125,111)
```
#957d65
```
#957d65 rgb(149,125,101)
```
#9e7d5c
```
#9e7d5c rgb(158,125,92)
```
#a87d52
```
#a87d52 rgb(168,125,82)
```
#b17d49
```
#b17d49 rgb(177,125,73)
```
#bb7d3f
```
#bb7d3f rgb(187,125,63)
```
#c57d35
```
#c57d35 rgb(197,125,53)
```
#ce7d2c
```
#ce7d2c rgb(206,125,44)
```
#d87d22
```
#d87d22 rgb(216,125,34)
```
#e17d19
```
#e17d19 rgb(225,125,25)
```
#eb7d0f
```
#eb7d0f rgb(235,125,15)
```
#f57d05
```
#f57d05 rgb(245,125,5)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f904c Protanopia 1% of men
#b18a47 Deuteranopia 1% of men
#c37c85 Tritanopia 0.001% of the population

Trichromacy

#a98947 Protanomaly 1% of men, 0.01% of women
#b48544 Deuteranomaly 6% of men, 0.4% of women
#c07c6b Tritanomaly 0.01% of the population

#bb7d3f hex color

#bb7d3f Color Information

#bb7d3f Color Conversion

Color Schemes with #bb7d3f

Alternatives to #bb7d3f

#bb7d3f Preview

Shades and Tints of #bb7d3f

Tones of #bb7d3f

Color Blindness Simulator