#bd3342 hex color

In a RGB color space, hex #bd3342 is composed of 74.1% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 65.1% yellow and 25.9% black. It has a hue angle of 353.5 degrees, a saturation of 57.5% and a lightness of 47.1%. #bd3342 color hex could be obtained by blending #ff6684 with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3342 color description : Moderate red.

The hexadecimal color #bd3342 has RGB values of R:189, G:51, B:66 and CMYK values of C:0, M:0.73, Y:0.65, K:0.26. Its decimal value is 12399426.

Hex triplet	bd3342	`#bd3342`
RGB Decimal	189, 51, 66	`rgb(189,51,66)`
RGB Percent	74.1, 20, 25.9	`rgb(74.1%,20%,25.9%)`
CMYK	0, 73, 65, 26
HSL	353.5°, 57.5, 47.1	`hsl(353.5,57.5%,47.1%)`
HSV (or HSB)	353.5°, 73, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.628, 55.256, 24.416
XYZ	23.154, 13.582, 6.556
xyY	0.535, 0.314, 13.582
CIE-LCH	43.628, 60.41, 23.839
CIE-LUV	43.628, 100.841, 15.57
Hunter-Lab	36.854, 47.651, 15.25
Binary	10111101, 00110011, 01000010

#bd3342
```
#bd3342 rgb(189,51,66)
```
#33bdae
```
#33bdae rgb(51,189,174)
```

Complementary Color

#bd3387
```
#bd3387 rgb(189,51,135)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#bd6933
```
#bd6933 rgb(189,105,51)
```

Analogous Color

#3387bd
```
#3387bd rgb(51,135,189)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#33bd69
```
#33bd69 rgb(51,189,105)
```

Split Complementary Color

#3342bd
```
#3342bd rgb(51,66,189)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#42bd33
```
#42bd33 rgb(66,189,51)
```

Triadic Color

#ae33bd
```
#ae33bd rgb(174,51,189)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#42bd33
```
#42bd33 rgb(66,189,51)
```
#33bdae
```
#33bdae rgb(51,189,174)
```

Tetradic Color

#81232d
```
#81232d rgb(129,35,45)
```
#952834
```
#952834 rgb(149,40,52)
```
#a92e3b
```
#a92e3b rgb(169,46,59)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#cb3e4e
```
#cb3e4e rgb(203,62,78)
```
#d05360
```
#d05360 rgb(208,83,96)
```
#d66773
```
#d66773 rgb(214,103,115)
```

Monochromatic Color

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

#bd3365
```
#bd3365 rgb(189,51,101)
```
#bd3359
```
#bd3359 rgb(189,51,89)
```
#bd334d
```
#bd334d rgb(189,51,77)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#bd3336
```
#bd3336 rgb(189,51,54)
```
#bd3b33
```
#bd3b33 rgb(189,59,51)
```
#bd4733
```
#bd4733 rgb(189,71,51)
```

Similar Colors

Text with hexadecimal color #bd3342

This text has a font color of #bd3342.

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

#bd3342 background color

This paragraph has a background color of #bd3342.

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

#bd3342 border color

This element has a border color of #bd3342.

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

CSS codes

.text {color:#bd3342;}

.background {background-color:#bd3342;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130507
```
#130507 rgb(19,5,7)
```
#23090c
```
#23090c rgb(35,9,12)
```
#320d11
```
#320d11 rgb(50,13,17)
```
#411217
```
#411217 rgb(65,18,23)
```
#51161c
```
#51161c rgb(81,22,28)
```
#601a22
```
#601a22 rgb(96,26,34)
```
#701e27
```
#701e27 rgb(112,30,39)
```
#7f222c
```
#7f222c rgb(127,34,44)
```
#8f2632
```
#8f2632 rgb(143,38,50)
```
#9e2b37
```
#9e2b37 rgb(158,43,55)
```
#ae2f3d
```
#ae2f3d rgb(174,47,61)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```

Shade Color Variation

#ca3a49
```
#ca3a49 rgb(202,58,73)
```
#ce4958
```
#ce4958 rgb(206,73,88)
```
#d25966
```
#d25966 rgb(210,89,102)
```
#d66874
```
#d66874 rgb(214,104,116)
```
#da7882
```
#da7882 rgb(218,120,130)
```
#df8791
```
#df8791 rgb(223,135,145)
```
#e3979f
```
#e3979f rgb(227,151,159)
```
#e7a6ad
```
#e7a6ad rgb(231,166,173)
```
#ebb5bb
```
#ebb5bb rgb(235,181,187)
```
#efc5c9
```
#efc5c9 rgb(239,197,201)
```
#f3d4d8
```
#f3d4d8 rgb(243,212,216)
```
#f8e4e6
```
#f8e4e6 rgb(248,228,230)
```
#fcf3f4
```
#fcf3f4 rgb(252,243,244)
```

Tint Color Variation

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

#7c7475
```
#7c7475 rgb(124,116,117)
```
#866a6d
```
#866a6d rgb(134,106,109)
```
#8f6166
```
#8f6166 rgb(143,97,102)
```
#98585f
```
#98585f rgb(152,88,95)
```
#a14f58
```
#a14f58 rgb(161,79,88)
```
#ab4550
```
#ab4550 rgb(171,69,80)
```
#b43c49
```
#b43c49 rgb(180,60,73)
```
#bd3342
```
#bd3342 rgb(189,51,66)
```
#c62a3b
```
#c62a3b rgb(198,42,59)
```
#cf2134
```
#cf2134 rgb(207,33,52)
```
#d9172c
```
#d9172c rgb(217,23,44)
```
#e20e25
```
#e20e25 rgb(226,14,37)
```
#eb051e
```
#eb051e rgb(235,5,30)
```

Tone Color Variation

Below, you can see how #bd3342 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
#715558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746e5e Protanopia 1% of men
#866a42 Deuteranopia 1% of men
#c03f42 Tritanopia 0.001% of the population

Trichromacy

#8f5953 Protanomaly 1% of men, 0.01% of women
#9a5642 Deuteranomaly 6% of men, 0.4% of women
#be3a42 Tritanomaly 0.01% of the population

#bd3342 hex color

#bd3342 Color Information

#bd3342 Color Conversion

Color Schemes with #bd3342

Alternatives to #bd3342

#bd3342 Preview

Shades and Tints of #bd3342

Tones of #bd3342

Color Blindness Simulator