#b23a2d hex color

In a RGB color space, hex #b23a2d is composed of 69.8% red, 22.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.4% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 5.9 degrees, a saturation of 59.6% and a lightness of 43.7%. #b23a2d color hex could be obtained by blending #ff745a with #650000. Closest websafe color is: #993333.

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

● #b23a2d color description : Dark red.

The hexadecimal color #b23a2d has RGB values of R:178, G:58, B:45 and CMYK values of C:0, M:0.67, Y:0.75, K:0.3. Its decimal value is 11680301.

Hex triplet	b23a2d	`#b23a2d`
RGB Decimal	178, 58, 45	`rgb(178,58,45)`
RGB Percent	69.8, 22.7, 17.6	`rgb(69.8%,22.7%,17.6%)`
CMYK	0, 67, 75, 30
HSL	5.9°, 59.6, 43.7	`hsl(5.9,59.6%,43.7%)`
HSV (or HSB)	5.9°, 74.7, 69.8
Web Safe	993333	`#993333`

CIE-LAB	42.281, 47.896, 34.789
XYZ	20.348, 12.683, 3.859
xyY	0.552, 0.344, 12.683
CIE-LCH	42.281, 59.197, 35.993
CIE-LUV	42.281, 92.622, 24.979
Hunter-Lab	35.613, 39.664, 18.504
Binary	10110010, 00111010, 00101101

#b23a2d
```
#b23a2d rgb(178,58,45)
```
#2da5b2
```
#2da5b2 rgb(45,165,178)
```

Complementary Color

#b22d63
```
#b22d63 rgb(178,45,99)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#b27d2d
```
#b27d2d rgb(178,125,45)
```

Analogous Color

#2d63b2
```
#2d63b2 rgb(45,99,178)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#2db27d
```
#2db27d rgb(45,178,125)
```

Split Complementary Color

#3a2db2
```
#3a2db2 rgb(58,45,178)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#2db23a
```
#2db23a rgb(45,178,58)
```

Triadic Color

#b22da5
```
#b22da5 rgb(178,45,165)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#2db23a
```
#2db23a rgb(45,178,58)
```
#2da5b2
```
#2da5b2 rgb(45,165,178)
```

Tetradic Color

#75261e
```
#75261e rgb(117,38,30)
```
#892d23
```
#892d23 rgb(137,45,35)
```
#9e3328
```
#9e3328 rgb(158,51,40)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#c64132
```
#c64132 rgb(198,65,50)
```
#cf5043
```
#cf5043 rgb(207,80,67)
```
#d56357
```
#d56357 rgb(213,99,87)
```

Monochromatic Color

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

#b22d41
```
#b22d41 rgb(178,45,65)
```
#b22d36
```
#b22d36 rgb(178,45,54)
```
#b22f2d
```
#b22f2d rgb(178,47,45)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#b2452d
```
#b2452d rgb(178,69,45)
```
#b2502d
```
#b2502d rgb(178,80,45)
```
#b25b2d
```
#b25b2d rgb(178,91,45)
```

Similar Colors

Text with hexadecimal color #b23a2d

This text has a font color of #b23a2d.

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

#b23a2d background color

This paragraph has a background color of #b23a2d.

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

#b23a2d border color

This element has a border color of #b23a2d.

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

CSS codes

.text {color:#b23a2d;}

.background {background-color:#b23a2d;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#150705
```
#150705 rgb(21,7,5)
```
#250c09
```
#250c09 rgb(37,12,9)
```
#35110d
```
#35110d rgb(53,17,13)
```
#441611
```
#441611 rgb(68,22,17)
```
#541b15
```
#541b15 rgb(84,27,21)
```
#642019
```
#642019 rgb(100,32,25)
```
#73261d
```
#73261d rgb(115,38,29)
```
#832b21
```
#832b21 rgb(131,43,33)
```
#933025
```
#933025 rgb(147,48,37)
```
#a23529
```
#a23529 rgb(162,53,41)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#c23f31
```
#c23f31 rgb(194,63,49)
```

Shade Color Variation

#cd4839
```
#cd4839 rgb(205,72,57)
```
#d15649
```
#d15649 rgb(209,86,73)
```
#d56559
```
#d56559 rgb(213,101,89)
```
#d97368
```
#d97368 rgb(217,115,104)
```
#dd8278
```
#dd8278 rgb(221,130,120)
```
#e19088
```
#e19088 rgb(225,144,136)
```
#e59f97
```
#e59f97 rgb(229,159,151)
```
#e9ada7
```
#e9ada7 rgb(233,173,167)
```
#edbcb6
```
#edbcb6 rgb(237,188,182)
```
#f1cac6
```
#f1cac6 rgb(241,202,198)
```
#f5d9d6
```
#f5d9d6 rgb(245,217,214)
```
#f9e7e5
```
#f9e7e5 rgb(249,231,229)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#766a69
```
#766a69 rgb(118,106,105)
```
#7f6360
```
#7f6360 rgb(127,99,96)
```
#875d58
```
#875d58 rgb(135,93,88)
```
#90564f
```
#90564f rgb(144,86,79)
```
#984f47
```
#984f47 rgb(152,79,71)
```
#a1483e
```
#a1483e rgb(161,72,62)
```
#a94136
```
#a94136 rgb(169,65,54)
```
#b23a2d
```
#b23a2d rgb(178,58,45)
```
#bb3324
```
#bb3324 rgb(187,51,36)
```
#c32c1c
```
#c32c1c rgb(195,44,28)
```
#cc2513
```
#cc2513 rgb(204,37,19)
```
#d41e0b
```
#d41e0b rgb(212,30,11)
```
#dd1702
```
#dd1702 rgb(221,23,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d5553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756b44 Protanopia 1% of men
#84662f Deuteranopia 1% of men
#b64245 Tritanopia 0.001% of the population

Trichromacy

#8b593b Protanomaly 1% of men, 0.01% of women
#95562e Deuteranomaly 6% of men, 0.4% of women
#b43f3c Tritanomaly 0.01% of the population

#b23a2d hex color

#b23a2d Color Information

#b23a2d Color Conversion

Color Schemes with #b23a2d

Alternatives to #b23a2d

#b23a2d Preview

Shades and Tints of #b23a2d

Tones of #b23a2d

Color Blindness Simulator