#bd553b hex color

In a RGB color space, hex #bd553b is composed of 74.1% red, 33.3% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 68.8% yellow and 25.9% black. It has a hue angle of 12 degrees, a saturation of 52.4% and a lightness of 48.6%. #bd553b color hex could be obtained by blending #ffaa76 with #7b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 33
- B 23
RGB color chart
- C 0
- M 55
- Y 69
- K 26
CMYK color chart

● #bd553b color description : Moderate red.

The hexadecimal color #bd553b has RGB values of R:189, G:85, B:59 and CMYK values of C:0, M:0.55, Y:0.69, K:0.26. Its decimal value is 12408123.

Hex triplet	bd553b	`#bd553b`
RGB Decimal	189, 85, 59	`rgb(189,85,59)`
RGB Percent	74.1, 33.3, 23.1	`rgb(74.1%,33.3%,23.1%)`
CMYK	0, 55, 69, 26
HSL	12°, 52.4, 48.6	`hsl(12,52.4%,48.6%)`
HSV (or HSB)	12°, 68.8, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.049, 40.082, 35.113
XYZ	25.025, 17.634, 6.223
xyY	0.512, 0.361, 17.634
CIE-LCH	49.049, 53.287, 41.22
CIE-LUV	49.049, 80.945, 29.714
Hunter-Lab	41.993, 32.887, 20.608
Binary	10111101, 01010101, 00111011

#bd553b
```
#bd553b rgb(189,85,59)
```
#3ba3bd
```
#3ba3bd rgb(59,163,189)
```

Complementary Color

#bd3b62
```
#bd3b62 rgb(189,59,98)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#bd963b
```
#bd963b rgb(189,150,59)
```

Analogous Color

#3b62bd
```
#3b62bd rgb(59,98,189)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#3bbd96
```
#3bbd96 rgb(59,189,150)
```

Split Complementary Color

#553bbd
```
#553bbd rgb(85,59,189)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#3bbd55
```
#3bbd55 rgb(59,189,85)
```

Triadic Color

#bd3ba3
```
#bd3ba3 rgb(189,59,163)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#3bbd55
```
#3bbd55 rgb(59,189,85)
```
#3ba3bd
```
#3ba3bd rgb(59,163,189)
```

Tetradic Color

#833b29
```
#833b29 rgb(131,59,41)
```
#96442f
```
#96442f rgb(150,68,47)
```
#aa4c35
```
#aa4c35 rgb(170,76,53)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#c7644b
```
#c7644b rgb(199,100,75)
```
#cd745e
```
#cd745e rgb(205,116,94)
```
#d38572
```
#d38572 rgb(211,133,114)
```

Monochromatic Color

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

#bd3b42
```
#bd3b42 rgb(189,59,66)
```
#bd3f3b
```
#bd3f3b rgb(189,63,59)
```
#bd4a3b
```
#bd4a3b rgb(189,74,59)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#bd603b
```
#bd603b rgb(189,96,59)
```
#bd6b3b
```
#bd6b3b rgb(189,107,59)
```
#bd763b
```
#bd763b rgb(189,118,59)
```

Similar Colors

Text with hexadecimal color #bd553b

This text has a font color of #bd553b.

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

#bd553b background color

This paragraph has a background color of #bd553b.

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

#bd553b border color

This element has a border color of #bd553b.

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

CSS codes

.text {color:#bd553b;}

.background {background-color:#bd553b;}

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

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

#0a0403
```
#0a0403 rgb(10,4,3)
```
#190b08
```
#190b08 rgb(25,11,8)
```
#28120c
```
#28120c rgb(40,18,12)
```
#361811
```
#361811 rgb(54,24,17)
```
#451f16
```
#451f16 rgb(69,31,22)
```
#54261a
```
#54261a rgb(84,38,26)
```
#632d1f
```
#632d1f rgb(99,45,31)
```
#723324
```
#723324 rgb(114,51,36)
```
#813a28
```
#813a28 rgb(129,58,40)
```
#90412d
```
#90412d rgb(144,65,45)
```
#9f4832
```
#9f4832 rgb(159,72,50)
```
#ae4e36
```
#ae4e36 rgb(174,78,54)
```
#bd553b
```
#bd553b rgb(189,85,59)
```

Shade Color Variation

#c56046
```
#c56046 rgb(197,96,70)
```
#ca6d55
```
#ca6d55 rgb(202,109,85)
```
#cf7964
```
#cf7964 rgb(207,121,100)
```
#d38673
```
#d38673 rgb(211,134,115)
```
#d89382
```
#d89382 rgb(216,147,130)
```
#dda091
```
#dda091 rgb(221,160,145)
```
#e1ada0
```
#e1ada0 rgb(225,173,160)
```
#e6baaf
```
#e6baaf rgb(230,186,175)
```
#ebc7be
```
#ebc7be rgb(235,199,190)
```
#efd4cd
```
#efd4cd rgb(239,212,205)
```
#f4e1dc
```
#f4e1dc rgb(244,225,220)
```
#f9eeeb
```
#f9eeeb rgb(249,238,235)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#847774
```
#847774 rgb(132,119,116)
```
#8d726b
```
#8d726b rgb(141,114,107)
```
#976c61
```
#976c61 rgb(151,108,97)
```
#a06658
```
#a06658 rgb(160,102,88)
```
#aa604e
```
#aa604e rgb(170,96,78)
```
#b35b45
```
#b35b45 rgb(179,91,69)
```
#bd553b
```
#bd553b rgb(189,85,59)
```
#c74f31
```
#c74f31 rgb(199,79,49)
```
#d04a28
```
#d04a28 rgb(208,74,40)
```
#da441e
```
#da441e rgb(218,68,30)
```
#e33e15
```
#e33e15 rgb(227,62,21)
```
#ed380b
```
#ed380b rgb(237,56,11)
```
#f63302
```
#f63302 rgb(246,51,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4f Protanopia 1% of men
#97763e Deuteranopia 1% of men
#c15a5f Tritanopia 0.001% of the population

Trichromacy

#9a6d47 Protanomaly 1% of men, 0.01% of women
#a56a3d Deuteranomaly 6% of men, 0.4% of women
#c05852 Tritanomaly 0.01% of the population

#bd553b hex color

#bd553b Color Information

#bd553b Color Conversion

Color Schemes with #bd553b

Alternatives to #bd553b

#bd553b Preview

Shades and Tints of #bd553b

Tones of #bd553b

Color Blindness Simulator