#bd344d hex color

In a RGB color space, hex #bd344d is composed of 74.1% red, 20.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 59.3% yellow and 25.9% black. It has a hue angle of 349.1 degrees, a saturation of 56.8% and a lightness of 47.3%. #bd344d color hex could be obtained by blending #ff689a with #7b0000. Closest websafe color is: #cc3366.

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

● #bd344d color description : Moderate red.

The hexadecimal color #bd344d has RGB values of R:189, G:52, B:77 and CMYK values of C:0, M:0.72, Y:0.59, K:0.26. Its decimal value is 12399693.

Hex triplet	bd344d	`#bd344d`
RGB Decimal	189, 52, 77	`rgb(189,52,77)`
RGB Percent	74.1, 20.4, 30.2	`rgb(74.1%,20.4%,30.2%)`
CMYK	0, 72, 59, 26
HSL	349.1°, 56.8, 47.3	`hsl(349.1,56.8%,47.3%)`
HSV (or HSB)	349.1°, 72.5, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.964, 55.598, 18.088
XYZ	23.555, 13.813, 8.447
xyY	0.514, 0.302, 13.813
CIE-LCH	43.964, 58.466, 18.022
CIE-LUV	43.964, 97.199, 9.778
Hunter-Lab	37.166, 48.087, 12.542
Binary	10111101, 00110100, 01001101

#bd344d
```
#bd344d rgb(189,52,77)
```
#34bda4
```
#34bda4 rgb(52,189,164)
```

Complementary Color

#bd3492
```
#bd3492 rgb(189,52,146)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#bd6034
```
#bd6034 rgb(189,96,52)
```

Analogous Color

#3492bd
```
#3492bd rgb(52,146,189)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#34bd60
```
#34bd60 rgb(52,189,96)
```

Split Complementary Color

#344dbd
```
#344dbd rgb(52,77,189)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#4dbd34
```
#4dbd34 rgb(77,189,52)
```

Triadic Color

#a434bd
```
#a434bd rgb(164,52,189)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#4dbd34
```
#4dbd34 rgb(77,189,52)
```
#34bda4
```
#34bda4 rgb(52,189,164)
```

Tetradic Color

#812335
```
#812335 rgb(129,35,53)
```
#95293d
```
#95293d rgb(149,41,61)
```
#a92e45
```
#a92e45 rgb(169,46,69)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#ca4059
```
#ca4059 rgb(202,64,89)
```
#d0546b
```
#d0546b rgb(208,84,107)
```
#d5687c
```
#d5687c rgb(213,104,124)
```

Monochromatic Color

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

#bd346f
```
#bd346f rgb(189,52,111)
```
#bd3464
```
#bd3464 rgb(189,52,100)
```
#bd3458
```
#bd3458 rgb(189,52,88)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#bd3442
```
#bd3442 rgb(189,52,66)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#bd3d34
```
#bd3d34 rgb(189,61,52)
```

Similar Colors

Text with hexadecimal color #bd344d

This text has a font color of #bd344d.

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

#bd344d background color

This paragraph has a background color of #bd344d.

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

#bd344d border color

This element has a border color of #bd344d.

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

CSS codes

.text {color:#bd344d;}

.background {background-color:#bd344d;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#140508
```
#140508 rgb(20,5,8)
```
#230a0e
```
#230a0e rgb(35,10,14)
```
#330e15
```
#330e15 rgb(51,14,21)
```
#42121b
```
#42121b rgb(66,18,27)
```
#511621
```
#511621 rgb(81,22,33)
```
#611b27
```
#611b27 rgb(97,27,39)
```
#701f2e
```
#701f2e rgb(112,31,46)
```
#7f2334
```
#7f2334 rgb(127,35,52)
```
#8f273a
```
#8f273a rgb(143,39,58)
```
#9e2c40
```
#9e2c40 rgb(158,44,64)
```
#ae3047
```
#ae3047 rgb(174,48,71)
```
#bd344d
```
#bd344d rgb(189,52,77)
```

Shade Color Variation

#c93b55
```
#c93b55 rgb(201,59,85)
```
#cd4b63
```
#cd4b63 rgb(205,75,99)
```
#d25a70
```
#d25a70 rgb(210,90,112)
```
#d66a7d
```
#d66a7d rgb(214,106,125)
```
#da798b
```
#da798b rgb(218,121,139)
```
#de8898
```
#de8898 rgb(222,136,152)
```
#e398a5
```
#e398a5 rgb(227,152,165)
```
#e7a7b3
```
#e7a7b3 rgb(231,167,179)
```
#ebb6c0
```
#ebb6c0 rgb(235,182,192)
```
#efc6cd
```
#efc6cd rgb(239,198,205)
```
#f4d5db
```
#f4d5db rgb(244,213,219)
```
#f8e5e8
```
#f8e5e8 rgb(248,229,232)
```
#fcf4f5
```
#fcf4f5 rgb(252,244,245)
```

Tint Color Variation

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

#7c7576
```
#7c7576 rgb(124,117,118)
```
#856c70
```
#856c70 rgb(133,108,112)
```
#8f626a
```
#8f626a rgb(143,98,106)
```
#985965
```
#985965 rgb(152,89,101)
```
#a1505f
```
#a1505f rgb(161,80,95)
```
#aa4759
```
#aa4759 rgb(170,71,89)
```
#b43d53
```
#b43d53 rgb(180,61,83)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#c62b47
```
#c62b47 rgb(198,43,71)
```
#d02141
```
#d02141 rgb(208,33,65)
```
#d9183b
```
#d9183b rgb(217,24,59)
```
#e20f35
```
#e20f35 rgb(226,15,53)
```
#eb0630
```
#eb0630 rgb(235,6,48)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#73575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#726f6a Protanopia 1% of men
#846b4d Deuteranopia 1% of men
#bf4245 Tritanopia 0.001% of the population

Trichromacy

#8d595f Protanomaly 1% of men, 0.01% of women
#99574d Deuteranomaly 6% of men, 0.4% of women
#be3c47 Tritanomaly 0.01% of the population

#bd344d hex color

#bd344d Color Information

#bd344d Color Conversion

Color Schemes with #bd344d

Alternatives to #bd344d

#bd344d Preview

Shades and Tints of #bd344d

Tones of #bd344d

Color Blindness Simulator