#bd553d hex color

In a RGB color space, hex #bd553d is composed of 74.1% red, 33.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 67.7% yellow and 25.9% black. It has a hue angle of 11.3 degrees, a saturation of 51.2% and a lightness of 49%. #bd553d color hex could be obtained by blending #ffaa7a with #7b0000. Closest websafe color is: #cc6633.

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

● #bd553d color description : Moderate red.

The hexadecimal color #bd553d has RGB values of R:189, G:85, B:61 and CMYK values of C:0, M:0.55, Y:0.68, K:0.26. Its decimal value is 12408125.

Hex triplet	bd553d	`#bd553d`
RGB Decimal	189, 85, 61	`rgb(189,85,61)`
RGB Percent	74.1, 33.3, 23.9	`rgb(74.1%,33.3%,23.9%)`
CMYK	0, 55, 68, 26
HSL	11.3°, 51.2, 49	`hsl(11.3,51.2%,49%)`
HSV (or HSB)	11.3°, 67.7, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.075, 40.195, 34.026
XYZ	25.078, 17.655, 6.502
xyY	0.509, 0.359, 17.655
CIE-LCH	49.075, 52.663, 40.248
CIE-LUV	49.075, 80.617, 28.842
Hunter-Lab	42.018, 33.004, 20.238
Binary	10111101, 01010101, 00111101

#bd553d
```
#bd553d rgb(189,85,61)
```
#3da5bd
```
#3da5bd rgb(61,165,189)
```

Complementary Color

#bd3d65
```
#bd3d65 rgb(189,61,101)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#bd953d
```
#bd953d rgb(189,149,61)
```

Analogous Color

#3d65bd
```
#3d65bd rgb(61,101,189)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#3dbd95
```
#3dbd95 rgb(61,189,149)
```

Split Complementary Color

#553dbd
```
#553dbd rgb(85,61,189)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#3dbd55
```
#3dbd55 rgb(61,189,85)
```

Triadic Color

#bd3da5
```
#bd3da5 rgb(189,61,165)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#3dbd55
```
#3dbd55 rgb(61,189,85)
```
#3da5bd
```
#3da5bd rgb(61,165,189)
```

Tetradic Color

#833b2a
```
#833b2a rgb(131,59,42)
```
#964431
```
#964431 rgb(150,68,49)
```
#aa4c37
```
#aa4c37 rgb(170,76,55)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#c6644e
```
#c6644e rgb(198,100,78)
```
#cc7561
```
#cc7561 rgb(204,117,97)
```
#d28674
```
#d28674 rgb(210,134,116)
```

Monochromatic Color

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

#bd3d45
```
#bd3d45 rgb(189,61,69)
```
#bd403d
```
#bd403d rgb(189,64,61)
```
#bd4a3d
```
#bd4a3d rgb(189,74,61)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#bd603d
```
#bd603d rgb(189,96,61)
```
#bd6a3d
```
#bd6a3d rgb(189,106,61)
```
#bd753d
```
#bd753d rgb(189,117,61)
```

Similar Colors

Text with hexadecimal color #bd553d

This text has a font color of #bd553d.

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

#bd553d background color

This paragraph has a background color of #bd553d.

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

#bd553d border color

This element has a border color of #bd553d.

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

CSS codes

.text {color:#bd553d;}

.background {background-color:#bd553d;}

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

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

#0b0504
```
#0b0504 rgb(11,5,4)
```
#1a0c08
```
#1a0c08 rgb(26,12,8)
```
#29120d
```
#29120d rgb(41,18,13)
```
#381912
```
#381912 rgb(56,25,18)
```
#462017
```
#462017 rgb(70,32,23)
```
#55261b
```
#55261b rgb(85,38,27)
```
#642d20
```
#642d20 rgb(100,45,32)
```
#733425
```
#733425 rgb(115,52,37)
```
#823a2a
```
#823a2a rgb(130,58,42)
```
#91412f
```
#91412f rgb(145,65,47)
```
#9f4833
```
#9f4833 rgb(159,72,51)
```
#ae4e38
```
#ae4e38 rgb(174,78,56)
```
#bd553d
```
#bd553d rgb(189,85,61)
```

Shade Color Variation

#c46049
```
#c46049 rgb(196,96,73)
```
#c96d58
```
#c96d58 rgb(201,109,88)
```
#ce7a67
```
#ce7a67 rgb(206,122,103)
```
#d38776
```
#d38776 rgb(211,135,118)
```
#d79485
```
#d79485 rgb(215,148,133)
```
#dca193
```
#dca193 rgb(220,161,147)
```
#e1aea2
```
#e1aea2 rgb(225,174,162)
```
#e6bbb1
```
#e6bbb1 rgb(230,187,177)
```
#ebc8c0
```
#ebc8c0 rgb(235,200,192)
```
#efd5cf
```
#efd5cf rgb(239,213,207)
```
#f4e2de
```
#f4e2de rgb(244,226,222)
```
#f9efec
```
#f9efec rgb(249,239,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#837977
```
#837977 rgb(131,121,119)
```
#8d736d
```
#8d736d rgb(141,115,109)
```
#976d63
```
#976d63 rgb(151,109,99)
```
#a0675a
```
#a0675a rgb(160,103,90)
```
#aa6150
```
#aa6150 rgb(170,97,80)
```
#b35b47
```
#b35b47 rgb(179,91,71)
```
#bd553d
```
#bd553d rgb(189,85,61)
```
#c74f33
```
#c74f33 rgb(199,79,51)
```
#d0492a
```
#d0492a rgb(208,73,42)
```
#da4320
```
#da4320 rgb(218,67,32)
```
#e33d17
```
#e33d17 rgb(227,61,23)
```
#ed370d
```
#ed370d rgb(237,55,13)
```
#f73103
```
#f73103 rgb(247,49,3)
```

Tone Color Variation

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

#867b51 Protanopia 1% of men
#977640 Deuteranopia 1% of men
#c15a60 Tritanopia 0.001% of the population

Trichromacy

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

#bd553d hex color

#bd553d Color Information

#bd553d Color Conversion

Color Schemes with #bd553d

Alternatives to #bd553d

#bd553d Preview

Shades and Tints of #bd553d

Tones of #bd553d

Color Blindness Simulator