#bd553e hex color

In a RGB color space, hex #bd553e is composed of 74.1% red, 33.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 67.2% yellow and 25.9% black. It has a hue angle of 10.9 degrees, a saturation of 50.6% and a lightness of 49.2%. #bd553e color hex could be obtained by blending #ffaa7c with #7b0000. Closest websafe color is: #cc6633.

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

● #bd553e color description : Moderate red.

The hexadecimal color #bd553e has RGB values of R:189, G:85, B:62 and CMYK values of C:0, M:0.55, Y:0.67, K:0.26. Its decimal value is 12408126.

Hex triplet	bd553e	`#bd553e`
RGB Decimal	189, 85, 62	`rgb(189,85,62)`
RGB Percent	74.1, 33.3, 24.3	`rgb(74.1%,33.3%,24.3%)`
CMYK	0, 55, 67, 26
HSL	10.9°, 50.6, 49.2	`hsl(10.9,50.6%,49.2%)`
HSV (or HSB)	10.9°, 67.2, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.088, 40.254, 33.479
XYZ	25.105, 17.666, 6.645
xyY	0.508, 0.357, 17.666
CIE-LCH	49.088, 52.357, 39.75
CIE-LUV	49.088, 80.449, 28.396
Hunter-Lab	42.031, 33.064, 20.048
Binary	10111101, 01010101, 00111110

#bd553e
```
#bd553e rgb(189,85,62)
```
#3ea6bd
```
#3ea6bd rgb(62,166,189)
```

Complementary Color

#bd3e67
```
#bd3e67 rgb(189,62,103)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#bd953e
```
#bd953e rgb(189,149,62)
```

Analogous Color

#3e67bd
```
#3e67bd rgb(62,103,189)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#3ebd95
```
#3ebd95 rgb(62,189,149)
```

Split Complementary Color

#553ebd
```
#553ebd rgb(85,62,189)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#3ebd55
```
#3ebd55 rgb(62,189,85)
```

Triadic Color

#bd3ea6
```
#bd3ea6 rgb(189,62,166)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#3ebd55
```
#3ebd55 rgb(62,189,85)
```
#3ea6bd
```
#3ea6bd rgb(62,166,189)
```

Tetradic Color

#833b2b
```
#833b2b rgb(131,59,43)
```
#974431
```
#974431 rgb(151,68,49)
```
#aa4c38
```
#aa4c38 rgb(170,76,56)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#c5654f
```
#c5654f rgb(197,101,79)
```
#cc7562
```
#cc7562 rgb(204,117,98)
```
#d28676
```
#d28676 rgb(210,134,118)
```

Monochromatic Color

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

#bd3e47
```
#bd3e47 rgb(189,62,71)
```
#bd403e
```
#bd403e rgb(189,64,62)
```
#bd4a3e
```
#bd4a3e rgb(189,74,62)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#bd603e
```
#bd603e rgb(189,96,62)
```
#bd6a3e
```
#bd6a3e rgb(189,106,62)
```
#bd753e
```
#bd753e rgb(189,117,62)
```

Similar Colors

Text with hexadecimal color #bd553e

This text has a font color of #bd553e.

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

#bd553e background color

This paragraph has a background color of #bd553e.

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

#bd553e border color

This element has a border color of #bd553e.

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

CSS codes

.text {color:#bd553e;}

.background {background-color:#bd553e;}

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

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

#0c0504
```
#0c0504 rgb(12,5,4)
```
#1b0c09
```
#1b0c09 rgb(27,12,9)
```
#29130e
```
#29130e rgb(41,19,14)
```
#381912
```
#381912 rgb(56,25,18)
```
#472017
```
#472017 rgb(71,32,23)
```
#56271c
```
#56271c rgb(86,39,28)
```
#642d21
```
#642d21 rgb(100,45,33)
```
#733426
```
#733426 rgb(115,52,38)
```
#823a2b
```
#823a2b rgb(130,58,43)
```
#91412f
```
#91412f rgb(145,65,47)
```
#9f4834
```
#9f4834 rgb(159,72,52)
```
#ae4e39
```
#ae4e39 rgb(174,78,57)
```
#bd553e
```
#bd553e rgb(189,85,62)
```

Shade Color Variation

#c4614b
```
#c4614b rgb(196,97,75)
```
#c96e5a
```
#c96e5a rgb(201,110,90)
```
#ce7b68
```
#ce7b68 rgb(206,123,104)
```
#d28877
```
#d28877 rgb(210,136,119)
```
#d79586
```
#d79586 rgb(215,149,134)
```
#dca295
```
#dca295 rgb(220,162,149)
```
#e1afa3
```
#e1afa3 rgb(225,175,163)
```
#e6bbb2
```
#e6bbb2 rgb(230,187,178)
```
#ebc8c1
```
#ebc8c1 rgb(235,200,193)
```
#efd5d0
```
#efd5d0 rgb(239,213,208)
```
#f4e2de
```
#f4e2de rgb(244,226,222)
```
#f9efed
```
#f9efed rgb(249,239,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#837a78
```
#837a78 rgb(131,122,120)
```
#8d746e
```
#8d746e rgb(141,116,110)
```
#966e65
```
#966e65 rgb(150,110,101)
```
#a0675b
```
#a0675b rgb(160,103,91)
```
#aa6151
```
#aa6151 rgb(170,97,81)
```
#b35b48
```
#b35b48 rgb(179,91,72)
```
#bd553e
```
#bd553e rgb(189,85,62)
```
#c74f34
```
#c74f34 rgb(199,79,52)
```
#d0492b
```
#d0492b rgb(208,73,43)
```
#da4321
```
#da4321 rgb(218,67,33)
```
#e43c17
```
#e43c17 rgb(228,60,23)
```
#ed360e
```
#ed360e rgb(237,54,14)
```
#f73004
```
#f73004 rgb(247,48,4)
```

Tone Color Variation

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

Dichromacy

#867b52 Protanopia 1% of men
#977641 Deuteranopia 1% of men
#c15a60 Tritanopia 0.001% of the population

Trichromacy

#9a6d4a Protanomaly 1% of men, 0.01% of women
#a46a40 Deuteranomaly 6% of men, 0.4% of women
#c05853 Tritanomaly 0.01% of the population

#bd553e hex color

#bd553e Color Information

#bd553e Color Conversion

Color Schemes with #bd553e

Alternatives to #bd553e

#bd553e Preview

Shades and Tints of #bd553e

Tones of #bd553e

Color Blindness Simulator