#bb690c hex color

In a RGB color space, hex #bb690c is composed of 73.3% red, 41.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 93.6% yellow and 26.7% black. It has a hue angle of 31.9 degrees, a saturation of 87.9% and a lightness of 39%. #bb690c color hex could be obtained by blending #ffd218 with #770000. Closest websafe color is: #cc6600.

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

● #bb690c color description : Strong orange.

The hexadecimal color #bb690c has RGB values of R:187, G:105, B:12 and CMYK values of C:0, M:0.44, Y:0.94, K:0.27. Its decimal value is 12282124.

Hex triplet	bb690c	`#bb690c`
RGB Decimal	187, 105, 12	`rgb(187,105,12)`
RGB Percent	73.3, 41.2, 4.7	`rgb(73.3%,41.2%,4.7%)`
CMYK	0, 44, 94, 27
HSL	31.9°, 87.9, 39	`hsl(31.9,87.9%,39%)`
HSV (or HSB)	31.9°, 93.6, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.616, 27.195, 57.938
XYZ	25.612, 20.697, 2.994
xyY	0.519, 0.42, 20.697
CIE-LCH	52.616, 64.003, 64.855
CIE-LUV	52.616, 67.769, 48.912
Hunter-Lab	45.494, 20.88, 27.944
Binary	10111011, 01101001, 00001100

#bb690c
```
#bb690c rgb(187,105,12)
```
#0c5ebb
```
#0c5ebb rgb(12,94,187)
```

Complementary Color

#bb110c
```
#bb110c rgb(187,17,12)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#b6bb0c
```
#b6bb0c rgb(182,187,12)
```

Analogous Color

#110cbb
```
#110cbb rgb(17,12,187)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#0cb6bb
```
#0cb6bb rgb(12,182,187)
```

Split Complementary Color

#690cbb
```
#690cbb rgb(105,12,187)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#0cbb69
```
#0cbb69 rgb(12,187,105)
```

Triadic Color

#bb0c5e
```
#bb0c5e rgb(187,12,94)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#0cbb69
```
#0cbb69 rgb(12,187,105)
```
#0c5ebb
```
#0c5ebb rgb(12,94,187)
```

Tetradic Color

#734107
```
#734107 rgb(115,65,7)
```
#8b4e09
```
#8b4e09 rgb(139,78,9)
```
#a35c0a
```
#a35c0a rgb(163,92,10)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#d3760e
```
#d3760e rgb(211,118,14)
```
#eb840f
```
#eb840f rgb(235,132,15)
```
#f19023
```
#f19023 rgb(241,144,35)
```

Monochromatic Color

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

#bb3d0c
```
#bb3d0c rgb(187,61,12)
```
#bb4c0c
```
#bb4c0c rgb(187,76,12)
```
#bb5a0c
```
#bb5a0c rgb(187,90,12)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#bb780c
```
#bb780c rgb(187,120,12)
```
#bb860c
```
#bb860c rgb(187,134,12)
```
#bb950c
```
#bb950c rgb(187,149,12)
```

Similar Colors

Text with hexadecimal color #bb690c

This text has a font color of #bb690c.

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

#bb690c background color

This paragraph has a background color of #bb690c.

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

#bb690c border color

This element has a border color of #bb690c.

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

CSS codes

.text {color:#bb690c;}

.background {background-color:#bb690c;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150c01
```
#150c01 rgb(21,12,1)
```
#281603
```
#281603 rgb(40,22,3)
```
#3a2104
```
#3a2104 rgb(58,33,4)
```
#4c2b05
```
#4c2b05 rgb(76,43,5)
```
#5f3506
```
#5f3506 rgb(95,53,6)
```
#714007
```
#714007 rgb(113,64,7)
```
#844a08
```
#844a08 rgb(132,74,8)
```
#96540a
```
#96540a rgb(150,84,10)
```
#a95f0b
```
#a95f0b rgb(169,95,11)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#cd730d
```
#cd730d rgb(205,115,13)
```
#e07e0e
```
#e07e0e rgb(224,126,14)
```

Shade Color Variation

#f08812
```
#f08812 rgb(240,136,18)
```
#f19124
```
#f19124 rgb(241,145,36)
```
#f29a37
```
#f29a37 rgb(242,154,55)
```
#f3a449
```
#f3a449 rgb(243,164,73)
```
#f5ad5c
```
#f5ad5c rgb(245,173,92)
```
#f6b66e
```
#f6b66e rgb(246,182,110)
```
#f7bf81
```
#f7bf81 rgb(247,191,129)
```
#f8c993
```
#f8c993 rgb(248,201,147)
```
#f9d2a6
```
#f9d2a6 rgb(249,210,166)
```
#fadbb8
```
#fadbb8 rgb(250,219,184)
```
#fce5ca
```
#fce5ca rgb(252,229,202)
```
#fdeedd
```
#fdeedd rgb(253,238,221)
```
#fef7ef
```
#fef7ef rgb(254,247,239)
```

Tint Color Variation

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

#676460
```
#676460 rgb(103,100,96)
```
#6e6459
```
#6e6459 rgb(110,100,89)
```
#766551
```
#766551 rgb(118,101,81)
```
#7e6549
```
#7e6549 rgb(126,101,73)
```
#856642
```
#856642 rgb(133,102,66)
```
#8d663a
```
#8d663a rgb(141,102,58)
```
#956732
```
#956732 rgb(149,103,50)
```
#9c672b
```
#9c672b rgb(156,103,43)
```
#a46823
```
#a46823 rgb(164,104,35)
```
#ac681b
```
#ac681b rgb(172,104,27)
```
#b36914
```
#b36914 rgb(179,105,20)
```
#bb690c
```
#bb690c rgb(187,105,12)
```
#c36904
```
#c36904 rgb(195,105,4)
```

Tone Color Variation

Below, you can see how #bb690c 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
#857462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94841e Protanopia 1% of men
#a57d00 Deuteranopia 1% of men
#c26970 Tritanopia 0.001% of the population

Trichromacy

#a27a17 Protanomaly 1% of men, 0.01% of women
#ad7604 Deuteranomaly 6% of men, 0.4% of women
#bf694b Tritanomaly 0.01% of the population

#bb690c hex color

#bb690c Color Information

#bb690c Color Conversion

Color Schemes with #bb690c

Alternatives to #bb690c

#bb690c Preview

Shades and Tints of #bb690c

Tones of #bb690c

Color Blindness Simulator