#bb422c hex color

In a RGB color space, hex #bb422c is composed of 73.3% red, 25.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 76.5% yellow and 26.7% black. It has a hue angle of 9.2 degrees, a saturation of 61.9% and a lightness of 45.3%. #bb422c color hex could be obtained by blending #ff8458 with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 26
- B 17
RGB color chart
- C 0
- M 65
- Y 76
- K 27
CMYK color chart

● #bb422c color description : Strong red.

The hexadecimal color #bb422c has RGB values of R:187, G:66, B:44 and CMYK values of C:0, M:0.65, Y:0.76, K:0.27. Its decimal value is 12272172.

Hex triplet	bb422c	`#bb422c`
RGB Decimal	187, 66, 44	`rgb(187,66,44)`
RGB Percent	73.3, 25.9, 17.3	`rgb(73.3%,25.9%,17.3%)`
CMYK	0, 65, 76, 27
HSL	9.2°, 61.9, 45.3	`hsl(9.2,61.9%,45.3%)`
HSV (or HSB)	9.2°, 76.5, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.145, 47.558, 38.915
XYZ	22.897, 14.646, 4.004
xyY	0.551, 0.353, 14.646
CIE-LCH	45.145, 61.45, 39.292
CIE-LUV	45.145, 95.021, 28.988
Hunter-Lab	38.27, 39.828, 20.586
Binary	10111011, 01000010, 00101100

#bb422c
```
#bb422c rgb(187,66,44)
```
#2ca5bb
```
#2ca5bb rgb(44,165,187)
```

Complementary Color

#bb2c5e
```
#bb2c5e rgb(187,44,94)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#bb8a2c
```
#bb8a2c rgb(187,138,44)
```

Analogous Color

#2c5ebb
```
#2c5ebb rgb(44,94,187)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#2cbb8a
```
#2cbb8a rgb(44,187,138)
```

Split Complementary Color

#422cbb
```
#422cbb rgb(66,44,187)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#2cbb42
```
#2cbb42 rgb(44,187,66)
```

Triadic Color

#bb2ca5
```
#bb2ca5 rgb(187,44,165)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#2cbb42
```
#2cbb42 rgb(44,187,66)
```
#2ca5bb
```
#2ca5bb rgb(44,165,187)
```

Tetradic Color

#7d2c1d
```
#7d2c1d rgb(125,44,29)
```
#923322
```
#923322 rgb(146,51,34)
```
#a63b27
```
#a63b27 rgb(166,59,39)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#cf4a32
```
#cf4a32 rgb(207,74,50)
```
#d45c46
```
#d45c46 rgb(212,92,70)
```
#d86e5b
```
#d86e5b rgb(216,110,91)
```

Monochromatic Color

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

#bb2c3a
```
#bb2c3a rgb(187,44,58)
```
#bb2c2e
```
#bb2c2e rgb(187,44,46)
```
#bb362c
```
#bb362c rgb(187,54,44)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#bb4e2c
```
#bb4e2c rgb(187,78,44)
```
#bb5a2c
```
#bb5a2c rgb(187,90,44)
```
#bb662c
```
#bb662c rgb(187,102,44)
```

Similar Colors

Text with hexadecimal color #bb422c

This text has a font color of #bb422c.

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

#bb422c background color

This paragraph has a background color of #bb422c.

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

#bb422c border color

This element has a border color of #bb422c.

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

CSS codes

.text {color:#bb422c;}

.background {background-color:#bb422c;}

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

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

#0c0403
```
#0c0403 rgb(12,4,3)
```
#1c0a07
```
#1c0a07 rgb(28,10,7)
```
#2c100a
```
#2c100a rgb(44,16,10)
```
#3c150e
```
#3c150e rgb(60,21,14)
```
#4c1b12
```
#4c1b12 rgb(76,27,18)
```
#5c2016
```
#5c2016 rgb(92,32,22)
```
#6c2619
```
#6c2619 rgb(108,38,25)
```
#7b2c1d
```
#7b2c1d rgb(123,44,29)
```
#8b3121
```
#8b3121 rgb(139,49,33)
```
#9b3725
```
#9b3725 rgb(155,55,37)
```
#ab3c28
```
#ab3c28 rgb(171,60,40)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#cb4830
```
#cb4830 rgb(203,72,48)
```

Shade Color Variation

#d1543d
```
#d1543d rgb(209,84,61)
```
#d5624d
```
#d5624d rgb(213,98,77)
```
#d9705d
```
#d9705d rgb(217,112,93)
```
#dd7e6d
```
#dd7e6d rgb(221,126,109)
```
#e08c7c
```
#e08c7c rgb(224,140,124)
```
#e49a8c
```
#e49a8c rgb(228,154,140)
```
#e8a89c
```
#e8a89c rgb(232,168,156)
```
#ebb6ac
```
#ebb6ac rgb(235,182,172)
```
#efc4bc
```
#efc4bc rgb(239,196,188)
```
#f3d2cc
```
#f3d2cc rgb(243,210,204)
```
#f7e0dc
```
#f7e0dc rgb(247,224,220)
```
#faeeec
```
#faeeec rgb(250,238,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#747373
```
#747373 rgb(116,115,115)
```
#7d6d6a
```
#7d6d6a rgb(125,109,106)
```
#866761
```
#866761 rgb(134,103,97)
```
#8f6158
```
#8f6158 rgb(143,97,88)
```
#975b50
```
#975b50 rgb(151,91,80)
```
#a05447
```
#a05447 rgb(160,84,71)
```
#a94e3e
```
#a94e3e rgb(169,78,62)
```
#b24835
```
#b24835 rgb(178,72,53)
```
#bb422c
```
#bb422c rgb(187,66,44)
```
#c43c23
```
#c43c23 rgb(196,60,35)
```
#cd361a
```
#cd361a rgb(205,54,26)
```
#d63011
```
#d63011 rgb(214,48,17)
```
#df2908
```
#df2908 rgb(223,41,8)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7242 Protanopia 1% of men
#8d6d2d Deuteranopia 1% of men
#bf494c Tritanopia 0.001% of the population

Trichromacy

#93603a Protanomaly 1% of men, 0.01% of women
#9e5d2d Deuteranomaly 6% of men, 0.4% of women
#bd4640 Tritanomaly 0.01% of the population

#bb422c hex color

#bb422c Color Information

#bb422c Color Conversion

Color Schemes with #bb422c

Alternatives to #bb422c

#bb422c Preview

Shades and Tints of #bb422c

Tones of #bb422c

Color Blindness Simulator