#b8344d hex color

In a RGB color space, hex #b8344d is composed of 72.2% red, 20.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.7% magenta, 58.2% yellow and 27.8% black. It has a hue angle of 348.6 degrees, a saturation of 55.9% and a lightness of 46.3%. #b8344d color hex could be obtained by blending #ff689a with #710000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 72
- G 20
- B 30
RGB color chart
- C 0
- M 72
- Y 58
- K 28
CMYK color chart

● #b8344d color description : Moderate red.

The hexadecimal color #b8344d has RGB values of R:184, G:52, B:77 and CMYK values of C:0, M:0.72, Y:0.58, K:0.28. Its decimal value is 12072013.

Hex triplet	b8344d	`#b8344d`
RGB Decimal	184, 52, 77	`rgb(184,52,77)`
RGB Percent	72.2, 20.4, 30.2	`rgb(72.2%,20.4%,30.2%)`
CMYK	0, 72, 58, 28
HSL	348.6°, 55.9, 46.3	`hsl(348.6,55.9%,46.3%)`
HSV (or HSB)	348.6°, 71.7, 72.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.04, 54.065, 16.688
XYZ	22.336, 13.185, 8.39
xyY	0.509, 0.3, 13.185
CIE-LCH	43.04, 56.582, 17.154
CIE-LUV	43.04, 93.113, 8.648
Hunter-Lab	36.311, 46.256, 11.719
Binary	10111000, 00110100, 01001101

#b8344d
```
#b8344d rgb(184,52,77)
```
#34b89f
```
#34b89f rgb(52,184,159)
```

Complementary Color

#b8348f
```
#b8348f rgb(184,52,143)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#b85d34
```
#b85d34 rgb(184,93,52)
```

Analogous Color

#348fb8
```
#348fb8 rgb(52,143,184)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#34b85d
```
#34b85d rgb(52,184,93)
```

Split Complementary Color

#344db8
```
#344db8 rgb(52,77,184)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#4db834
```
#4db834 rgb(77,184,52)
```

Triadic Color

#9f34b8
```
#9f34b8 rgb(159,52,184)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#4db834
```
#4db834 rgb(77,184,52)
```
#34b89f
```
#34b89f rgb(52,184,159)
```

Tetradic Color

#7c2334
```
#7c2334 rgb(124,35,52)
```
#90293c
```
#90293c rgb(144,41,60)
```
#a42e45
```
#a42e45 rgb(164,46,69)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#c83d58
```
#c83d58 rgb(200,61,88)
```
#ce5169
```
#ce5169 rgb(206,81,105)
```
#d3657a
```
#d3657a rgb(211,101,122)
```

Monochromatic Color

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

#b8346e
```
#b8346e rgb(184,52,110)
```
#b83463
```
#b83463 rgb(184,52,99)
```
#b83458
```
#b83458 rgb(184,52,88)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#b83442
```
#b83442 rgb(184,52,66)
```
#b83437
```
#b83437 rgb(184,52,55)
```
#b83c34
```
#b83c34 rgb(184,60,52)
```

Similar Colors

Text with hexadecimal color #b8344d

This text has a font color of #b8344d.

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

#b8344d background color

This paragraph has a background color of #b8344d.

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

#b8344d border color

This element has a border color of #b8344d.

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

CSS codes

.text {color:#b8344d;}

.background {background-color:#b8344d;}

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

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 #fbf0f2 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100407
```
#100407 rgb(16,4,7)
```
#1f090d
```
#1f090d rgb(31,9,13)
```
#2e0d13
```
#2e0d13 rgb(46,13,19)
```
#3e111a
```
#3e111a rgb(62,17,26)
```
#4d1620
```
#4d1620 rgb(77,22,32)
```
#5c1a27
```
#5c1a27 rgb(92,26,39)
```
#6c1e2d
```
#6c1e2d rgb(108,30,45)
```
#7b2333
```
#7b2333 rgb(123,35,51)
```
#8a273a
```
#8a273a rgb(138,39,58)
```
#992b40
```
#992b40 rgb(153,43,64)
```
#a93047
```
#a93047 rgb(169,48,71)
```
#b8344d
```
#b8344d rgb(184,52,77)
```

Shade Color Variation

#c73954
```
#c73954 rgb(199,57,84)
```
#cb4861
```
#cb4861 rgb(203,72,97)
```
#d0576e
```
#d0576e rgb(208,87,110)
```
#d4677b
```
#d4677b rgb(212,103,123)
```
#d87688
```
#d87688 rgb(216,118,136)
```
#dd8596
```
#dd8596 rgb(221,133,150)
```
#e194a3
```
#e194a3 rgb(225,148,163)
```
#e5a4b0
```
#e5a4b0 rgb(229,164,176)
```
#eab3bd
```
#eab3bd rgb(234,179,189)
```
#eec2cb
```
#eec2cb rgb(238,194,203)
```
#f2d2d8
```
#f2d2d8 rgb(242,210,216)
```
#f6e1e5
```
#f6e1e5 rgb(246,225,229)
```
#fbf0f2
```
#fbf0f2 rgb(251,240,242)
```

Tint Color Variation

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

#787474
```
#787474 rgb(120,116,116)
```
#826a6f
```
#826a6f rgb(130,106,111)
```
#8b6169
```
#8b6169 rgb(139,97,105)
```
#945864
```
#945864 rgb(148,88,100)
```
#9d4f5e
```
#9d4f5e rgb(157,79,94)
```
#a64658
```
#a64658 rgb(166,70,88)
```
#af3d53
```
#af3d53 rgb(175,61,83)
```
#b8344d
```
#b8344d rgb(184,52,77)
```
#c12b47
```
#c12b47 rgb(193,43,71)
```
#ca2242
```
#ca2242 rgb(202,34,66)
```
#d3193c
```
#d3193c rgb(211,25,60)
```
#dc1036
```
#dc1036 rgb(220,16,54)
```
#e50731
```
#e50731 rgb(229,7,49)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#70565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#706d69 Protanopia 1% of men
#81694d Deuteranopia 1% of men
#ba4145 Tritanopia 0.001% of the population

Trichromacy

#8a585f Protanomaly 1% of men, 0.01% of women
#95554d Deuteranomaly 6% of men, 0.4% of women
#b93c48 Tritanomaly 0.01% of the population

#b8344d hex color

#b8344d Color Information

#b8344d Color Conversion

Color Schemes with #b8344d

Alternatives to #b8344d

#b8344d Preview

Shades and Tints of #b8344d

Tones of #b8344d

Color Blindness Simulator