#bb7700 hex color

In a RGB color space, hex #bb7700 is composed of 73.3% red, 46.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.4% magenta, 100% yellow and 26.7% black. It has a hue angle of 38.2 degrees, a saturation of 100% and a lightness of 36.7%. #bb7700 color hex could be obtained by blending #ffee00 with #770000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 47
- B 0
RGB color chart
- C 0
- M 36
- Y 100
- K 27
CMYK color chart

● #bb7700 color description : Strong orange.

The hexadecimal color #bb7700 has RGB values of R:187, G:119, B:0 and CMYK values of C:0, M:0.36, Y:1, K:0.27. Its decimal value is 12285696.

Hex triplet	bb7700	`#bb7700`
RGB Decimal	187, 119, 0	`rgb(187,119,0)`
RGB Percent	73.3, 46.7, 0	`rgb(73.3%,46.7%,0%)`
CMYK	0, 36, 100, 27
HSL	38.2°, 100, 36.7	`hsl(38.2,100%,36.7%)`
HSV (or HSB)	38.2°, 100, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.847, 19.367, 62.416
XYZ	27.091, 23.76, 3.16
xyY	0.502, 0.44, 23.76
CIE-LCH	55.847, 65.352, 72.761
CIE-LUV	55.847, 56.566, 55.053
Hunter-Lab	48.745, 13.903, 30.278
Binary	10111011, 01110111, 00000000

#bb7700
```
#bb7700 rgb(187,119,0)
```
#0044bb
```
#0044bb rgb(0,68,187)
```

Complementary Color

#bb1a00
```
#bb1a00 rgb(187,26,0)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#a2bb00
```
#a2bb00 rgb(162,187,0)
```

Analogous Color

#1a00bb
```
#1a00bb rgb(26,0,187)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#00a2bb
```
#00a2bb rgb(0,162,187)
```

Split Complementary Color

#7700bb
```
#7700bb rgb(119,0,187)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#00bb77
```
#00bb77 rgb(0,187,119)
```

Triadic Color

#bb0044
```
#bb0044 rgb(187,0,68)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#00bb77
```
#00bb77 rgb(0,187,119)
```
#0044bb
```
#0044bb rgb(0,68,187)
```

Tetradic Color

#6f4600
```
#6f4600 rgb(111,70,0)
```
#885700
```
#885700 rgb(136,87,0)
```
#a26700
```
#a26700 rgb(162,103,0)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#d58700
```
#d58700 rgb(213,135,0)
```
#ee9700
```
#ee9700 rgb(238,151,0)
```
#ffa508
```
#ffa508 rgb(255,165,8)
```

Monochromatic Color

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

#bb4800
```
#bb4800 rgb(187,72,0)
```
#bb5800
```
#bb5800 rgb(187,88,0)
```
#bb6700
```
#bb6700 rgb(187,103,0)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#bb8700
```
#bb8700 rgb(187,135,0)
```
#bb9600
```
#bb9600 rgb(187,150,0)
```
#bba600
```
#bba600 rgb(187,166,0)
```

Similar Colors

Text with hexadecimal color #bb7700

This text has a font color of #bb7700.

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

#bb7700 background color

This paragraph has a background color of #bb7700.

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

#bb7700 border color

This element has a border color of #bb7700.

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

CSS codes

.text {color:#bb7700;}

.background {background-color:#bb7700;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1e1300
```
#1e1300 rgb(30,19,0)
```
#322000
```
#322000 rgb(50,32,0)
```
#452c00
```
#452c00 rgb(69,44,0)
```
#593900
```
#593900 rgb(89,57,0)
```
#6d4500
```
#6d4500 rgb(109,69,0)
```
#805200
```
#805200 rgb(128,82,0)
```
#945e00
```
#945e00 rgb(148,94,0)
```
#a76b00
```
#a76b00 rgb(167,107,0)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```
#cf8300
```
#cf8300 rgb(207,131,0)
```
#e29000
```
#e29000 rgb(226,144,0)
```
#f69c00
```
#f69c00 rgb(246,156,0)
```

Shade Color Variation

#ffa60a
```
#ffa60a rgb(255,166,10)
```
#ffad1e
```
#ffad1e rgb(255,173,30)
```
#ffb432
```
#ffb432 rgb(255,180,50)
```
#ffbb45
```
#ffbb45 rgb(255,187,69)
```
#ffc359
```
#ffc359 rgb(255,195,89)
```
#ffca6d
```
#ffca6d rgb(255,202,109)
```
#ffd180
```
#ffd180 rgb(255,209,128)
```
#ffd894
```
#ffd894 rgb(255,216,148)
```
#ffdfa7
```
#ffdfa7 rgb(255,223,167)
```
#ffe6bb
```
#ffe6bb rgb(255,230,187)
```
#ffedcf
```
#ffedcf rgb(255,237,207)
```
#fff5e2
```
#fff5e2 rgb(255,245,226)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#655f56
```
#655f56 rgb(101,95,86)
```
#6c614f
```
#6c614f rgb(108,97,79)
```
#736348
```
#736348 rgb(115,99,72)
```
#7a6541
```
#7a6541 rgb(122,101,65)
```
#81673a
```
#81673a rgb(129,103,58)
```
#896932
```
#896932 rgb(137,105,50)
```
#906b2b
```
#906b2b rgb(144,107,43)
```
#976d24
```
#976d24 rgb(151,109,36)
```
#9e6f1d
```
#9e6f1d rgb(158,111,29)
```
#a57116
```
#a57116 rgb(165,113,22)
```
#ad730e
```
#ad730e rgb(173,115,14)
```
#b47507
```
#b47507 rgb(180,117,7)
```
#bb7700
```
#bb7700 rgb(187,119,0)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8c0f Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#c3757d Tritanopia 0.001% of the population

Trichromacy

#a8840a Protanomaly 1% of men, 0.01% of women
#b38000 Deuteranomaly 6% of men, 0.4% of women
#c0764f Tritanomaly 0.01% of the population

#bb7700 hex color

#bb7700 Color Information

#bb7700 Color Conversion

Color Schemes with #bb7700

Alternatives to #bb7700

#bb7700 Preview

Shades and Tints of #bb7700

Tones of #bb7700

Color Blindness Simulator