#bb696b hex color

In a RGB color space, hex #bb696b is composed of 73.3% red, 41.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 42.8% yellow and 26.7% black. It has a hue angle of 358.5 degrees, a saturation of 37.6% and a lightness of 57.3%. #bb696b color hex could be obtained by blending #ffd2d6 with #770000. Closest websafe color is: #cc6666.

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

● #bb696b color description : Slightly desaturated red.

The hexadecimal color #bb696b has RGB values of R:187, G:105, B:107 and CMYK values of C:0, M:0.44, Y:0.43, K:0.27. Its decimal value is 12282219.

Hex triplet	bb696b	`#bb696b`
RGB Decimal	187, 105, 107	`rgb(187,105,107)`
RGB Percent	73.3, 41.2, 42	`rgb(73.3%,41.2%,42%)`
CMYK	0, 44, 43, 27
HSL	358.5°, 37.6, 57.3	`hsl(358.5,37.6%,57.3%)`
HSV (or HSB)	358.5°, 43.9, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.741, 32.873, 13.36
XYZ	28.199, 21.731, 16.619
xyY	0.424, 0.327, 21.731
CIE-LCH	53.741, 35.484, 22.118
CIE-LUV	53.741, 56.829, 11.002
Hunter-Lab	46.617, 26.397, 11.496
Binary	10111011, 01101001, 01101011

#bb696b
```
#bb696b rgb(187,105,107)
```
#69bbb9
```
#69bbb9 rgb(105,187,185)
```

Complementary Color

#bb6994
```
#bb6994 rgb(187,105,148)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#bb9069
```
#bb9069 rgb(187,144,105)
```

Analogous Color

#6994bb
```
#6994bb rgb(105,148,187)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#69bb90
```
#69bb90 rgb(105,187,144)
```

Split Complementary Color

#696bbb
```
#696bbb rgb(105,107,187)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#6bbb69
```
#6bbb69 rgb(107,187,105)
```

Triadic Color

#b969bb
```
#b969bb rgb(185,105,187)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#6bbb69
```
#6bbb69 rgb(107,187,105)
```
#69bbb9
```
#69bbb9 rgb(105,187,185)
```

Tetradic Color

#944345
```
#944345 rgb(148,67,69)
```
#a64b4d
```
#a64b4d rgb(166,75,77)
```
#b3575a
```
#b3575a rgb(179,87,90)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#c37b7c
```
#c37b7c rgb(195,123,124)
```
#cb8c8e
```
#cb8c8e rgb(203,140,142)
```
#d39e9f
```
#d39e9f rgb(211,158,159)
```

Monochromatic Color

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

#bb6980
```
#bb6980 rgb(187,105,128)
```
#bb6979
```
#bb6979 rgb(187,105,121)
```
#bb6972
```
#bb6972 rgb(187,105,114)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#bb6e69
```
#bb6e69 rgb(187,110,105)
```
#bb7569
```
#bb7569 rgb(187,117,105)
```
#bb7c69
```
#bb7c69 rgb(187,124,105)
```

Similar Colors

Text with hexadecimal color #bb696b

This text has a font color of #bb696b.

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

#bb696b background color

This paragraph has a background color of #bb696b.

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

#bb696b border color

This element has a border color of #bb696b.

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

CSS codes

.text {color:#bb696b;}

.background {background-color:#bb696b;}

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

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

#0c0506
```
#0c0506 rgb(12,5,6)
```
#190c0c
```
#190c0c rgb(25,12,12)
```
#271212
```
#271212 rgb(39,18,18)
```
#341818
```
#341818 rgb(52,24,24)
```
#421e1f
```
#421e1f rgb(66,30,31)
```
#4f2425
```
#4f2425 rgb(79,36,37)
```
#5d2a2b
```
#5d2a2b rgb(93,42,43)
```
#6a3032
```
#6a3032 rgb(106,48,50)
```
#783638
```
#783638 rgb(120,54,56)
```
#853c3e
```
#853c3e rgb(133,60,62)
```
#934345
```
#934345 rgb(147,67,69)
```
#a0494b
```
#a0494b rgb(160,73,75)
```
#ae4f51
```
#ae4f51 rgb(174,79,81)
```

Shade Color Variation

#b55c5e
```
#b55c5e rgb(181,92,94)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#c17678
```
#c17678 rgb(193,118,120)
```
#c78486
```
#c78486 rgb(199,132,134)
```
#cd9193
```
#cd9193 rgb(205,145,147)
```
#d39fa0
```
#d39fa0 rgb(211,159,160)
```
#daacae
```
#daacae rgb(218,172,174)
```
#e0babb
```
#e0babb rgb(224,186,187)
```
#e6c7c8
```
#e6c7c8 rgb(230,199,200)
```
#ecd5d6
```
#ecd5d6 rgb(236,213,214)
```
#f2e2e3
```
#f2e2e3 rgb(242,226,227)
```
#f8f0f0
```
#f8f0f0 rgb(248,240,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#998b8b
```
#998b8b rgb(153,139,139)
```
#a28283
```
#a28283 rgb(162,130,131)
```
#aa7a7b
```
#aa7a7b rgb(170,122,123)
```
#b37173
```
#b37173 rgb(179,113,115)
```
#bb696b
```
#bb696b rgb(187,105,107)
```
#c36163
```
#c36163 rgb(195,97,99)
```
#cc585b
```
#cc585b rgb(204,88,91)
```
#d45053
```
#d45053 rgb(212,80,83)
```
#dd474b
```
#dd474b rgb(221,71,75)
```
#e53f43
```
#e53f43 rgb(229,63,67)
```
#ed373b
```
#ed373b rgb(237,55,59)
```
#f62e33
```
#f62e33 rgb(246,46,51)
```
#fe262b
```
#fe262b rgb(254,38,43)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d7d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867c Protanopia 1% of men
#9c826e Deuteranopia 1% of men
#be7077 Tritanopia 0.001% of the population

Trichromacy

#9c7b76 Protanomaly 1% of men, 0.01% of women
#a7786d Deuteranomaly 6% of men, 0.4% of women
#bd6d72 Tritanomaly 0.01% of the population

#bb696b hex color

#bb696b Color Information

#bb696b Color Conversion

Color Schemes with #bb696b

Alternatives to #bb696b

#bb696b Preview

Shades and Tints of #bb696b

Tones of #bb696b

Color Blindness Simulator