#bb424e hex color

In a RGB color space, hex #bb424e is composed of 73.3% red, 25.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 58.3% yellow and 26.7% black. It has a hue angle of 354 degrees, a saturation of 47.8% and a lightness of 49.6%. #bb424e color hex could be obtained by blending #ff849c with #770000. Closest websafe color is: #cc3366.

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

● #bb424e color description : Moderate red.

The hexadecimal color #bb424e has RGB values of R:187, G:66, B:78 and CMYK values of C:0, M:0.65, Y:0.58, K:0.27. Its decimal value is 12272206.

Hex triplet	bb424e	`#bb424e`
RGB Decimal	187, 66, 78	`rgb(187,66,78)`
RGB Percent	73.3, 25.9, 30.6	`rgb(73.3%,25.9%,30.6%)`
CMYK	0, 65, 58, 27
HSL	354°, 47.8, 49.6	`hsl(354,47.8%,49.6%)`
HSV (or HSB)	354°, 64.7, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.653, 49.482, 19.66
XYZ	23.818, 15.014, 8.851
xyY	0.5, 0.315, 15.014
CIE-LCH	45.653, 53.244, 21.669
CIE-LUV	45.653, 87.762, 13.053
Hunter-Lab	38.748, 41.914, 13.58
Binary	10111011, 01000010, 01001110

#bb424e
```
#bb424e rgb(187,66,78)
```
#42bbaf
```
#42bbaf rgb(66,187,175)
```

Complementary Color

#bb428b
```
#bb428b rgb(187,66,139)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#bb7342
```
#bb7342 rgb(187,115,66)
```

Analogous Color

#428bbb
```
#428bbb rgb(66,139,187)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#42bb73
```
#42bb73 rgb(66,187,115)
```

Split Complementary Color

#424ebb
```
#424ebb rgb(66,78,187)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#4ebb42
```
#4ebb42 rgb(78,187,66)
```

Triadic Color

#af42bb
```
#af42bb rgb(175,66,187)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#4ebb42
```
#4ebb42 rgb(78,187,66)
```
#42bbaf
```
#42bbaf rgb(66,187,175)
```

Tetradic Color

#822e36
```
#822e36 rgb(130,46,54)
```
#95353e
```
#95353e rgb(149,53,62)
```
#a83b46
```
#a83b46 rgb(168,59,70)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#c3545f
```
#c3545f rgb(195,84,95)
```
#c96771
```
#c96771 rgb(201,103,113)
```
#d07a82
```
#d07a82 rgb(208,122,130)
```

Monochromatic Color

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

#bb426c
```
#bb426c rgb(187,66,108)
```
#bb4262
```
#bb4262 rgb(187,66,98)
```
#bb4258
```
#bb4258 rgb(187,66,88)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#bb4244
```
#bb4244 rgb(187,66,68)
```
#bb4a42
```
#bb4a42 rgb(187,74,66)
```
#bb5442
```
#bb5442 rgb(187,84,66)
```

Similar Colors

Text with hexadecimal color #bb424e

This text has a font color of #bb424e.

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

#bb424e background color

This paragraph has a background color of #bb424e.

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

#bb424e border color

This element has a border color of #bb424e.

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

CSS codes

.text {color:#bb424e;}

.background {background-color:#bb424e;}

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

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

#0d0505
```
#0d0505 rgb(13,5,5)
```
#1c0a0b
```
#1c0a0b rgb(28,10,11)
```
#2a0f12
```
#2a0f12 rgb(42,15,18)
```
#391418
```
#391418 rgb(57,20,24)
```
#47191e
```
#47191e rgb(71,25,30)
```
#561e24
```
#561e24 rgb(86,30,36)
```
#64232a
```
#64232a rgb(100,35,42)
```
#732830
```
#732830 rgb(115,40,48)
```
#812e36
```
#812e36 rgb(129,46,54)
```
#90333c
```
#90333c rgb(144,51,60)
```
#9e3842
```
#9e3842 rgb(158,56,66)
```
#ad3d48
```
#ad3d48 rgb(173,61,72)
```
#bb424e
```
#bb424e rgb(187,66,78)
```

Shade Color Variation

#c1505b
```
#c1505b rgb(193,80,91)
```
#c65e68
```
#c65e68 rgb(198,94,104)
```
#cb6d76
```
#cb6d76 rgb(203,109,118)
```
#d07b84
```
#d07b84 rgb(208,123,132)
```
#d68a91
```
#d68a91 rgb(214,138,145)
```
#db989f
```
#db989f rgb(219,152,159)
```
#e0a7ac
```
#e0a7ac rgb(224,167,172)
```
#e5b5ba
```
#e5b5ba rgb(229,181,186)
```
#eac4c7
```
#eac4c7 rgb(234,196,199)
```
#efd2d5
```
#efd2d5 rgb(239,210,213)
```
#f4e1e2
```
#f4e1e2 rgb(244,225,226)
```
#f9eff0
```
#f9eff0 rgb(249,239,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#817c7d
```
#817c7d rgb(129,124,125)
```
#8a7375
```
#8a7375 rgb(138,115,117)
```
#94696d
```
#94696d rgb(148,105,109)
```
#9e5f65
```
#9e5f65 rgb(158,95,101)
```
#a8555e
```
#a8555e rgb(168,85,94)
```
#b14c56
```
#b14c56 rgb(177,76,86)
```
#bb424e
```
#bb424e rgb(187,66,78)
```
#c53846
```
#c53846 rgb(197,56,70)
```
#ce2f3e
```
#ce2f3e rgb(206,47,62)
```
#d82537
```
#d82537 rgb(216,37,55)
```
#e21b2f
```
#e21b2f rgb(226,27,47)
```
#ec1127
```
#ec1127 rgb(236,17,39)
```
#f5081f
```
#f5081f rgb(245,8,31)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#796063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787367 Protanopia 1% of men
#896f4f Deuteranopia 1% of men
#be4c51 Tritanopia 0.001% of the population

Trichromacy

#90615e Protanomaly 1% of men, 0.01% of women
#9b5e4f Deuteranomaly 6% of men, 0.4% of women
#bd4850 Tritanomaly 0.01% of the population

#bb424e hex color

#bb424e Color Information

#bb424e Color Conversion

Color Schemes with #bb424e

Alternatives to #bb424e

#bb424e Preview

Shades and Tints of #bb424e

Tones of #bb424e

Color Blindness Simulator