#b23a55 hex color

In a RGB color space, hex #b23a55 is composed of 69.8% red, 22.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.4% magenta, 52.2% yellow and 30.2% black. It has a hue angle of 346.5 degrees, a saturation of 50.8% and a lightness of 46.3%. #b23a55 color hex could be obtained by blending #ff74aa with #650000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 70
- G 23
- B 33
RGB color chart
- C 0
- M 67
- Y 52
- K 30
CMYK color chart

● #b23a55 color description : Dark moderate red.

The hexadecimal color #b23a55 has RGB values of R:178, G:58, B:85 and CMYK values of C:0, M:0.67, Y:0.52, K:0.3. Its decimal value is 11680341.

Hex triplet	b23a55	`#b23a55`
RGB Decimal	178, 58, 85	`rgb(178,58,85)`
RGB Percent	69.8, 22.7, 33.3	`rgb(69.8%,22.7%,33.3%)`
CMYK	0, 67, 52, 30
HSL	346.5°, 50.8, 46.3	`hsl(346.5,50.8%,46.3%)`
HSV (or HSB)	346.5°, 67.4, 69.8
Web Safe	993366	`#993366`

CIE-LAB	42.987, 50.46, 11.47
XYZ	21.513, 13.149, 9.999
xyY	0.482, 0.294, 13.149
CIE-LCH	42.987, 51.748, 12.806
CIE-LUV	42.987, 82.768, 4.144
Hunter-Lab	36.262, 42.443, 9.034
Binary	10110010, 00111010, 01010101

#b23a55
```
#b23a55 rgb(178,58,85)
```
#3ab297
```
#3ab297 rgb(58,178,151)
```

Complementary Color

#b23a91
```
#b23a91 rgb(178,58,145)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#b25b3a
```
#b25b3a rgb(178,91,58)
```

Analogous Color

#3a91b2
```
#3a91b2 rgb(58,145,178)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#3ab25b
```
#3ab25b rgb(58,178,91)
```

Split Complementary Color

#3a55b2
```
#3a55b2 rgb(58,85,178)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#55b23a
```
#55b23a rgb(85,178,58)
```

Triadic Color

#973ab2
```
#973ab2 rgb(151,58,178)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#55b23a
```
#55b23a rgb(85,178,58)
```
#3ab297
```
#3ab297 rgb(58,178,151)
```

Tetradic Color

#782739
```
#782739 rgb(120,39,57)
```
#8c2d43
```
#8c2d43 rgb(140,45,67)
```
#9f344c
```
#9f344c rgb(159,52,76)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#c24460
```
#c24460 rgb(194,68,96)
```
#c85770
```
#c85770 rgb(200,87,112)
```
#ce6a81
```
#ce6a81 rgb(206,106,129)
```

Monochromatic Color

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

#b23a73
```
#b23a73 rgb(178,58,115)
```
#b23a69
```
#b23a69 rgb(178,58,105)
```
#b23a5f
```
#b23a5f rgb(178,58,95)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#b23a4b
```
#b23a4b rgb(178,58,75)
```
#b23a41
```
#b23a41 rgb(178,58,65)
```
#b23d3a
```
#b23d3a rgb(178,61,58)
```

Similar Colors

Text with hexadecimal color #b23a55

This text has a font color of #b23a55.

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

#b23a55 background color

This paragraph has a background color of #b23a55.

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

#b23a55 border color

This element has a border color of #b23a55.

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

CSS codes

.text {color:#b23a55;}

.background {background-color:#b23a55;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0507
```
#0f0507 rgb(15,5,7)
```
#1e0a0e
```
#1e0a0e rgb(30,10,14)
```
#2d0f15
```
#2d0f15 rgb(45,15,21)
```
#3c131c
```
#3c131c rgb(60,19,28)
```
#4a1824
```
#4a1824 rgb(74,24,36)
```
#591d2b
```
#591d2b rgb(89,29,43)
```
#682232
```
#682232 rgb(104,34,50)
```
#772739
```
#772739 rgb(119,39,57)
```
#862c40
```
#862c40 rgb(134,44,64)
```
#943047
```
#943047 rgb(148,48,71)
```
#a3354e
```
#a3354e rgb(163,53,78)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```

Shade Color Variation

#c03f5c
```
#c03f5c rgb(192,63,92)
```
#c54e69
```
#c54e69 rgb(197,78,105)
```
#ca5d75
```
#ca5d75 rgb(202,93,117)
```
#cf6c82
```
#cf6c82 rgb(207,108,130)
```
#d47a8e
```
#d47a8e rgb(212,122,142)
```
#d9899b
```
#d9899b rgb(217,137,155)
```
#dd98a8
```
#dd98a8 rgb(221,152,168)
```
#e2a7b4
```
#e2a7b4 rgb(226,167,180)
```
#e7b5c1
```
#e7b5c1 rgb(231,181,193)
```
#ecc4cd
```
#ecc4cd rgb(236,196,205)
```
#f1d3da
```
#f1d3da rgb(241,211,218)
```
#f6e2e6
```
#f6e2e6 rgb(246,226,230)
```
#faf1f3
```
#faf1f3 rgb(250,241,243)
```

Tint Color Variation

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

#7c7073
```
#7c7073 rgb(124,112,115)
```
#85676e
```
#85676e rgb(133,103,110)
```
#8e5e69
```
#8e5e69 rgb(142,94,105)
```
#975564
```
#975564 rgb(151,85,100)
```
#a04c5f
```
#a04c5f rgb(160,76,95)
```
#a9435a
```
#a9435a rgb(169,67,90)
```
#b23a55
```
#b23a55 rgb(178,58,85)
```
#bb3150
```
#bb3150 rgb(187,49,80)
```
#c4284b
```
#c4284b rgb(196,40,75)
```
#cd1f46
```
#cd1f46 rgb(205,31,70)
```
#d61641
```
#d61641 rgb(214,22,65)
```
#df0d3c
```
#df0d3c rgb(223,13,60)
```
#e80437
```
#e80437 rgb(232,4,55)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6c70 Protanopia 1% of men
#7f6956 Deuteranopia 1% of men
#b4474b Tritanopia 0.001% of the population

Trichromacy

#865a66 Protanomaly 1% of men, 0.01% of women
#915855 Deuteranomaly 6% of men, 0.4% of women
#b3424f Tritanomaly 0.01% of the population

#b23a55 hex color

#b23a55 Color Information

#b23a55 Color Conversion

Color Schemes with #b23a55

Alternatives to #b23a55

#b23a55 Preview

Shades and Tints of #b23a55

Tones of #b23a55

Color Blindness Simulator