colorhexa.com

#bb5346 hex color

In a RGB color space, hex #bb5346 is composed of 73.3% red, 32.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.6% magenta, 62.6% yellow and 26.7% black. It has a hue angle of 6.7 degrees, a saturation of 46.2% and a lightness of 50.4%. #bb5346 color hex could be obtained by blending #ffa68c with #770000. Closest websafe color is: #cc6633.

- R 73
- G 33
- B 27
RGB color chart
- C 0
- M 56
- Y 63
- K 27
CMYK color chart

● #bb5346 color description : Moderate red.

The hexadecimal color #bb5346 has RGB values of R:187, G:83, B:70 and CMYK values of C:0, M:0.56, Y:0.63, K:0.27. Its decimal value is 12276550.

Hex triplet	bb5346	`#bb5346`
RGB Decimal	187, 83, 70	`rgb(187,83,70)`
RGB Percent	73.3, 32.5, 27.5	`rgb(73.3%,32.5%,27.5%)`
CMYK	0, 56, 63, 27
HSL	6.7°, 46.2, 50.4	`hsl(6.7,46.2%,50.4%)`
HSV (or HSB)	6.7°, 62.6, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.506, 41, 28.108
XYZ	24.693, 17.196, 7.813
xyY	0.497, 0.346, 17.196
CIE-LCH	48.506, 49.71, 34.433
CIE-LUV	48.506, 78.742, 23.526
Hunter-Lab	41.468, 33.723, 17.857
Binary	10111011, 01010011, 01000110

#bb5346
```
#bb5346 rgb(187,83,70)
```
#46aebb
```
#46aebb rgb(70,174,187)
```

Complementary Color

#bb4674
```
#bb4674 rgb(187,70,116)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#bb8e46
```
#bb8e46 rgb(187,142,70)
```

Analogous Color

#4674bb
```
#4674bb rgb(70,116,187)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#46bb8e
```
#46bb8e rgb(70,187,142)
```

Split Complementary Color

#5346bb
```
#5346bb rgb(83,70,187)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#46bb53
```
#46bb53 rgb(70,187,83)
```

Triadic Color

#bb46ae
```
#bb46ae rgb(187,70,174)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#46bb53
```
#46bb53 rgb(70,187,83)
```
#46aebb
```
#46aebb rgb(70,174,187)
```

Tetradic Color

#843a31
```
#843a31 rgb(132,58,49)
```
#974237
```
#974237 rgb(151,66,55)
```
#a94a3e
```
#a94a3e rgb(169,74,62)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#c26459
```
#c26459 rgb(194,100,89)
```
#c9766b
```
#c9766b rgb(201,118,107)
```
#d0877e
```
#d0877e rgb(208,135,126)
```

Monochromatic Color

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

#bb4656
```
#bb4656 rgb(187,70,86)
```
#bb464d
```
#bb464d rgb(187,70,77)
```
#bb4946
```
#bb4946 rgb(187,73,70)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#bb5d46
```
#bb5d46 rgb(187,93,70)
```
#bb6746
```
#bb6746 rgb(187,103,70)
```
#bb7046
```
#bb7046 rgb(187,112,70)
```

Similar Colors

Text with hexadecimal color #bb5346

This text has a font color of #bb5346.

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

#bb5346 background color

This paragraph has a background color of #bb5346.

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

#bb5346 border color

This element has a border color of #bb5346.

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

CSS codes

.text {color:#bb5346;}

.background {background-color:#bb5346;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#100706
```
#100706 rgb(16,7,6)
```
#1e0d0b
```
#1e0d0b rgb(30,13,11)
```
#2c1310
```
#2c1310 rgb(44,19,16)
```
#3b1a16
```
#3b1a16 rgb(59,26,22)
```
#49201b
```
#49201b rgb(73,32,27)
```
#582620
```
#582620 rgb(88,38,32)
```
#662d25
```
#662d25 rgb(102,45,37)
```
#74332b
```
#74332b rgb(116,51,43)
```
#833930
```
#833930 rgb(131,57,48)
```
#913f35
```
#913f35 rgb(145,63,53)
```
#9f463b
```
#9f463b rgb(159,70,59)
```
#ae4c40
```
#ae4c40 rgb(174,76,64)
```

Shade Color Variation

#bb5346
```
#bb5346 rgb(187,83,70)
```
#c06054
```
#c06054 rgb(192,96,84)
```
#c66e63
```
#c66e63 rgb(198,110,99)
```
#cb7b71
```
#cb7b71 rgb(203,123,113)
```
#d0887f
```
#d0887f rgb(208,136,127)
```
#d5968e
```
#d5968e rgb(213,150,142)
```
#dba39c
```
#dba39c rgb(219,163,156)
```
#e0b0aa
```
#e0b0aa rgb(224,176,170)
```
#e5beb9
```
#e5beb9 rgb(229,190,185)
```
#eacbc7
```
#eacbc7 rgb(234,203,199)
```
#f0d8d5
```
#f0d8d5 rgb(240,216,213)
```
#f5e6e4
```
#f5e6e4 rgb(245,230,228)
```
#faf3f2
```
#faf3f2 rgb(250,243,242)
```

Tint Color Variation

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

#818080
```
#818080 rgb(129,128,128)
```
#8a7977
```
#8a7977 rgb(138,121,119)
```
#94716d
```
#94716d rgb(148,113,109)
```
#9e6a63
```
#9e6a63 rgb(158,106,99)
```
#a86259
```
#a86259 rgb(168,98,89)
```
#b15b50
```
#b15b50 rgb(177,91,80)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#c54b3c
```
#c54b3c rgb(197,75,60)
```
#ce4433
```
#ce4433 rgb(206,68,51)
```
#d83c29
```
#d83c29 rgb(216,60,41)
```
#e2351f
```
#e2351f rgb(226,53,31)
```
#ec2d15
```
#ec2d15 rgb(236,45,21)
```
#f5260c
```
#f5260c rgb(245,38,12)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837a5a Protanopia 1% of men
#937549 Deuteranopia 1% of men
#bf595f Tritanopia 0.001% of the population

Trichromacy

#976c53 Protanomaly 1% of men, 0.01% of women
#a26848 Deuteranomaly 6% of men, 0.4% of women
#bd5756 Tritanomaly 0.01% of the population