#b23a36 hex color

In a RGB color space, hex #b23a36 is composed of 69.8% red, 22.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.4% magenta, 69.7% yellow and 30.2% black. It has a hue angle of 1.9 degrees, a saturation of 53.4% and a lightness of 45.5%. #b23a36 color hex could be obtained by blending #ff746c with #650000. Closest websafe color is: #993333.

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

● #b23a36 color description : Dark moderate red.

The hexadecimal color #b23a36 has RGB values of R:178, G:58, B:54 and CMYK values of C:0, M:0.67, Y:0.7, K:0.3. Its decimal value is 11680310.

Hex triplet	b23a36	`#b23a36`
RGB Decimal	178, 58, 54	`rgb(178,58,54)`
RGB Percent	69.8, 22.7, 21.2	`rgb(69.8%,22.7%,21.2%)`
CMYK	0, 67, 70, 30
HSL	1.9°, 53.4, 45.5	`hsl(1.9,53.4%,45.5%)`
HSV (or HSB)	1.9°, 69.7, 69.8
Web Safe	993333	`#993333`

CIE-LAB	42.399, 48.328, 29.689
XYZ	20.54, 12.76, 4.871
xyY	0.538, 0.334, 12.76
CIE-LCH	42.399, 56.719, 31.563
CIE-LUV	42.399, 90.845, 21.255
Hunter-Lab	35.721, 40.128, 16.919
Binary	10110010, 00111010, 00110110

#b23a36
```
#b23a36 rgb(178,58,54)
```
#36aeb2
```
#36aeb2 rgb(54,174,178)
```

Complementary Color

#b23670
```
#b23670 rgb(178,54,112)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#b27836
```
#b27836 rgb(178,120,54)
```

Analogous Color

#3670b2
```
#3670b2 rgb(54,112,178)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#36b278
```
#36b278 rgb(54,178,120)
```

Split Complementary Color

#3a36b2
```
#3a36b2 rgb(58,54,178)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#36b23a
```
#36b23a rgb(54,178,58)
```

Triadic Color

#b236ae
```
#b236ae rgb(178,54,174)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#36b23a
```
#36b23a rgb(54,178,58)
```
#36aeb2
```
#36aeb2 rgb(54,174,178)
```

Tetradic Color

#772724
```
#772724 rgb(119,39,36)
```
#8b2d2a
```
#8b2d2a rgb(139,45,42)
```
#9e3430
```
#9e3430 rgb(158,52,48)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#c4423d
```
#c4423d rgb(196,66,61)
```
#ca5551
```
#ca5551 rgb(202,85,81)
```
#d06864
```
#d06864 rgb(208,104,100)
```

Monochromatic Color

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

#b23651
```
#b23651 rgb(178,54,81)
```
#b23647
```
#b23647 rgb(178,54,71)
```
#b2363c
```
#b2363c rgb(178,54,60)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#b24436
```
#b24436 rgb(178,68,54)
```
#b24f36
```
#b24f36 rgb(178,79,54)
```
#b25936
```
#b25936 rgb(178,89,54)
```

Similar Colors

Text with hexadecimal color #b23a36

This text has a font color of #b23a36.

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

#b23a36 background color

This paragraph has a background color of #b23a36.

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

#b23a36 border color

This element has a border color of #b23a36.

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

CSS codes

.text {color:#b23a36;}

.background {background-color:#b23a36;}

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

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

#0c0404
```
#0c0404 rgb(12,4,4)
```
#1c0908
```
#1c0908 rgb(28,9,8)
```
#2b0e0d
```
#2b0e0d rgb(43,14,13)
```
#3a1311
```
#3a1311 rgb(58,19,17)
```
#491816
```
#491816 rgb(73,24,22)
```
#581d1b
```
#581d1b rgb(88,29,27)
```
#67211f
```
#67211f rgb(103,33,31)
```
#762624
```
#762624 rgb(118,38,36)
```
#852b28
```
#852b28 rgb(133,43,40)
```
#94302d
```
#94302d rgb(148,48,45)
```
#a33531
```
#a33531 rgb(163,53,49)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#c13f3b
```
#c13f3b rgb(193,63,59)
```

Shade Color Variation

#c74c48
```
#c74c48 rgb(199,76,72)
```
#cc5b57
```
#cc5b57 rgb(204,91,87)
```
#d16966
```
#d16966 rgb(209,105,102)
```
#d57875
```
#d57875 rgb(213,120,117)
```
#da8784
```
#da8784 rgb(218,135,132)
```
#de9593
```
#de9593 rgb(222,149,147)
```
#e3a4a2
```
#e3a4a2 rgb(227,164,162)
```
#e7b3b1
```
#e7b3b1 rgb(231,179,177)
```
#ecc2c0
```
#ecc2c0 rgb(236,194,192)
```
#f1d0cf
```
#f1d0cf rgb(241,208,207)
```
#f5dfde
```
#f5dfde rgb(245,223,222)
```
#faeeed
```
#faeeed rgb(250,238,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7c6c6c
```
#7c6c6c rgb(124,108,108)
```
#856463
```
#856463 rgb(133,100,99)
```
#8e5b5a
```
#8e5b5a rgb(142,91,90)
```
#975351
```
#975351 rgb(151,83,81)
```
#a04b48
```
#a04b48 rgb(160,75,72)
```
#a9423f
```
#a9423f rgb(169,66,63)
```
#b23a36
```
#b23a36 rgb(178,58,54)
```
#bb322d
```
#bb322d rgb(187,50,45)
```
#c42924
```
#c42924 rgb(196,41,36)
```
#cd211b
```
#cd211b rgb(205,33,27)
```
#d61912
```
#d61912 rgb(214,25,18)
```
#df1009
```
#df1009 rgb(223,16,9)
```
#e80800
```
#e80800 rgb(232,8,0)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6e5655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746c4e Protanopia 1% of men
#846738 Deuteranopia 1% of men
#b64346 Tritanopia 0.001% of the population

Trichromacy

#8a5945 Protanomaly 1% of men, 0.01% of women
#945637 Deuteranomaly 6% of men, 0.4% of women
#b43f40 Tritanomaly 0.01% of the population

#b23a36 hex color

#b23a36 Color Information

#b23a36 Color Conversion

Color Schemes with #b23a36

Alternatives to #b23a36

#b23a36 Preview

Shades and Tints of #b23a36

Tones of #b23a36

Color Blindness Simulator