#bd663d hex color

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

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

● #bd663d color description : Moderate orange.

The hexadecimal color #bd663d has RGB values of R:189, G:102, B:61 and CMYK values of C:0, M:0.46, Y:0.68, K:0.26. Its decimal value is 12412477.

Hex triplet	bd663d	`#bd663d`
RGB Decimal	189, 102, 61	`rgb(189,102,61)`
RGB Percent	74.1, 40, 23.9	`rgb(74.1%,40%,23.9%)`
CMYK	0, 46, 68, 26
HSL	19.2°, 51.2, 49	`hsl(19.2,51.2%,49%)`
HSV (or HSB)	19.2°, 67.7, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.576, 31.387, 38.104
XYZ	26.581, 20.661, 7.003
xyY	0.49, 0.381, 20.661
CIE-LCH	52.576, 49.366, 50.521
CIE-LUV	52.576, 68.053, 35.401
Hunter-Lab	45.454, 24.839, 22.683
Binary	10111101, 01100110, 00111101

#bd663d
```
#bd663d rgb(189,102,61)
```
#3d94bd
```
#3d94bd rgb(61,148,189)
```

Complementary Color

#bd3d54
```
#bd3d54 rgb(189,61,84)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#bda63d
```
#bda63d rgb(189,166,61)
```

Analogous Color

#3d54bd
```
#3d54bd rgb(61,84,189)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#3dbda6
```
#3dbda6 rgb(61,189,166)
```

Split Complementary Color

#663dbd
```
#663dbd rgb(102,61,189)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#3dbd66
```
#3dbd66 rgb(61,189,102)
```

Triadic Color

#bd3d94
```
#bd3d94 rgb(189,61,148)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#3dbd66
```
#3dbd66 rgb(61,189,102)
```
#3d94bd
```
#3d94bd rgb(61,148,189)
```

Tetradic Color

#83472a
```
#83472a rgb(131,71,42)
```
#965131
```
#965131 rgb(150,81,49)
```
#aa5c37
```
#aa5c37 rgb(170,92,55)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#c6744e
```
#c6744e rgb(198,116,78)
```
#cc8361
```
#cc8361 rgb(204,131,97)
```
#d29274
```
#d29274 rgb(210,146,116)
```

Monochromatic Color

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

#bd463d
```
#bd463d rgb(189,70,61)
```
#bd513d
```
#bd513d rgb(189,81,61)
```
#bd5b3d
```
#bd5b3d rgb(189,91,61)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#bd713d
```
#bd713d rgb(189,113,61)
```
#bd7b3d
```
#bd7b3d rgb(189,123,61)
```
#bd863d
```
#bd863d rgb(189,134,61)
```

Similar Colors

Text with hexadecimal color #bd663d

This text has a font color of #bd663d.

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

#bd663d background color

This paragraph has a background color of #bd663d.

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

#bd663d border color

This element has a border color of #bd663d.

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

CSS codes

.text {color:#bd663d;}

.background {background-color:#bd663d;}

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

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

#0b0604
```
#0b0604 rgb(11,6,4)
```
#1a0e08
```
#1a0e08 rgb(26,14,8)
```
#29160d
```
#29160d rgb(41,22,13)
```
#381e12
```
#381e12 rgb(56,30,18)
```
#462617
```
#462617 rgb(70,38,23)
```
#552e1b
```
#552e1b rgb(85,46,27)
```
#643620
```
#643620 rgb(100,54,32)
```
#733e25
```
#733e25 rgb(115,62,37)
```
#82462a
```
#82462a rgb(130,70,42)
```
#914e2f
```
#914e2f rgb(145,78,47)
```
#9f5633
```
#9f5633 rgb(159,86,51)
```
#ae5e38
```
#ae5e38 rgb(174,94,56)
```
#bd663d
```
#bd663d rgb(189,102,61)
```

Shade Color Variation

#c47149
```
#c47149 rgb(196,113,73)
```
#c97c58
```
#c97c58 rgb(201,124,88)
```
#ce8867
```
#ce8867 rgb(206,136,103)
```
#d39476
```
#d39476 rgb(211,148,118)
```
#d79f85
```
#d79f85 rgb(215,159,133)
```
#dcab93
```
#dcab93 rgb(220,171,147)
```
#e1b6a2
```
#e1b6a2 rgb(225,182,162)
```
#e6c2b1
```
#e6c2b1 rgb(230,194,177)
```
#ebcec0
```
#ebcec0 rgb(235,206,192)
```
#efd9cf
```
#efd9cf rgb(239,217,207)
```
#f4e5de
```
#f4e5de rgb(244,229,222)
```
#f9f0ec
```
#f9f0ec rgb(249,240,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#837b77
```
#837b77 rgb(131,123,119)
```
#8d776d
```
#8d776d rgb(141,119,109)
```
#977463
```
#977463 rgb(151,116,99)
```
#a0705a
```
#a0705a rgb(160,112,90)
```
#aa6d50
```
#aa6d50 rgb(170,109,80)
```
#b36947
```
#b36947 rgb(179,105,71)
```
#bd663d
```
#bd663d rgb(189,102,61)
```
#c76333
```
#c76333 rgb(199,99,51)
```
#d05f2a
```
#d05f2a rgb(208,95,42)
```
#da5c20
```
#da5c20 rgb(218,92,32)
```
#e35817
```
#e35817 rgb(227,88,23)
```
#ed550d
```
#ed550d rgb(237,85,13)
```
#f75103
```
#f75103 rgb(247,81,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#88776f Atypical Achromatopsia 0.001% of the population

Dichromacy

#90844e Protanopia 1% of men
#a17e42 Deuteranopia 1% of men
#c2686f Tritanopia 0.001% of the population

Trichromacy

#a07948 Protanomaly 1% of men, 0.01% of women
#ab7540 Deuteranomaly 6% of men, 0.4% of women
#c0675d Tritanomaly 0.01% of the population

#bd663d hex color

#bd663d Color Information

#bd663d Color Conversion

Color Schemes with #bd663d

Alternatives to #bd663d

#bd663d Preview

Shades and Tints of #bd663d

Tones of #bd663d

Color Blindness Simulator