#bd663c hex color

In a RGB color space, hex #bd663c is composed of 74.1% red, 40% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 68.3% yellow and 25.9% black. It has a hue angle of 19.5 degrees, a saturation of 51.8% and a lightness of 48.8%. #bd663c color hex could be obtained by blending #ffcc78 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

● #bd663c color description : Moderate orange.

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

Hex triplet	bd663c	`#bd663c`
RGB Decimal	189, 102, 60	`rgb(189,102,60)`
RGB Percent	74.1, 40, 23.5	`rgb(74.1%,40%,23.5%)`
CMYK	0, 46, 68, 26
HSL	19.5°, 51.8, 48.8	`hsl(19.5,51.8%,48.8%)`
HSV (or HSB)	19.5°, 68.3, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.564, 31.328, 38.623
XYZ	26.554, 20.65, 6.862
xyY	0.491, 0.382, 20.65
CIE-LCH	52.564, 49.732, 50.954
CIE-LUV	52.564, 68.18, 35.815
Hunter-Lab	45.442, 24.782, 22.856
Binary	10111101, 01100110, 00111100

#bd663c
```
#bd663c rgb(189,102,60)
```
#3c93bd
```
#3c93bd rgb(60,147,189)
```

Complementary Color

#bd3c53
```
#bd3c53 rgb(189,60,83)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#bda73c
```
#bda73c rgb(189,167,60)
```

Analogous Color

#3c53bd
```
#3c53bd rgb(60,83,189)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#3cbda7
```
#3cbda7 rgb(60,189,167)
```

Split Complementary Color

#663cbd
```
#663cbd rgb(102,60,189)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#3cbd66
```
#3cbd66 rgb(60,189,102)
```

Triadic Color

#bd3c93
```
#bd3c93 rgb(189,60,147)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#3cbd66
```
#3cbd66 rgb(60,189,102)
```
#3c93bd
```
#3c93bd rgb(60,147,189)
```

Tetradic Color

#83472a
```
#83472a rgb(131,71,42)
```
#965130
```
#965130 rgb(150,81,48)
```
#aa5c36
```
#aa5c36 rgb(170,92,54)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#c6744c
```
#c6744c rgb(198,116,76)
```
#cc8360
```
#cc8360 rgb(204,131,96)
```
#d39273
```
#d39273 rgb(211,146,115)
```

Monochromatic Color

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

#bd463c
```
#bd463c rgb(189,70,60)
```
#bd503c
```
#bd503c rgb(189,80,60)
```
#bd5b3c
```
#bd5b3c rgb(189,91,60)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#bd713c
```
#bd713c rgb(189,113,60)
```
#bd7c3c
```
#bd7c3c rgb(189,124,60)
```
#bd863c
```
#bd863c rgb(189,134,60)
```

Similar Colors

Text with hexadecimal color #bd663c

This text has a font color of #bd663c.

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

#bd663c background color

This paragraph has a background color of #bd663c.

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

#bd663c border color

This element has a border color of #bd663c.

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

CSS codes

.text {color:#bd663c;}

.background {background-color:#bd663c;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#190e08
```
#190e08 rgb(25,14,8)
```
#28160d
```
#28160d rgb(40,22,13)
```
#371e11
```
#371e11 rgb(55,30,17)
```
#462616
```
#462616 rgb(70,38,22)
```
#552e1b
```
#552e1b rgb(85,46,27)
```
#643620
```
#643620 rgb(100,54,32)
```
#733e24
```
#733e24 rgb(115,62,36)
```
#814629
```
#814629 rgb(129,70,41)
```
#904e2e
```
#904e2e rgb(144,78,46)
```
#9f5633
```
#9f5633 rgb(159,86,51)
```
#ae5e37
```
#ae5e37 rgb(174,94,55)
```
#bd663c
```
#bd663c rgb(189,102,60)
```

Shade Color Variation

#c57048
```
#c57048 rgb(197,112,72)
```
#ca7c57
```
#ca7c57 rgb(202,124,87)
```
#ce8866
```
#ce8866 rgb(206,136,102)
```
#d39374
```
#d39374 rgb(211,147,116)
```
#d89f83
```
#d89f83 rgb(216,159,131)
```
#dcaa92
```
#dcaa92 rgb(220,170,146)
```
#e1b6a1
```
#e1b6a1 rgb(225,182,161)
```
#e6c2b0
```
#e6c2b0 rgb(230,194,176)
```
#ebcdbf
```
#ebcdbf rgb(235,205,191)
```
#efd9ce
```
#efd9ce rgb(239,217,206)
```
#f4e4dd
```
#f4e4dd rgb(244,228,221)
```
#f9f0ec
```
#f9f0ec rgb(249,240,236)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#847a75
```
#847a75 rgb(132,122,117)
```
#8d776c
```
#8d776c rgb(141,119,108)
```
#977362
```
#977362 rgb(151,115,98)
```
#a07059
```
#a07059 rgb(160,112,89)
```
#aa6d4f
```
#aa6d4f rgb(170,109,79)
```
#b36946
```
#b36946 rgb(179,105,70)
```
#bd663c
```
#bd663c rgb(189,102,60)
```
#c76332
```
#c76332 rgb(199,99,50)
```
#d05f29
```
#d05f29 rgb(208,95,41)
```
#da5c1f
```
#da5c1f rgb(218,92,31)
```
#e35916
```
#e35916 rgb(227,89,22)
```
#ed550c
```
#ed550c rgb(237,85,12)
```
#f65203
```
#f65203 rgb(246,82,3)
```

Tone Color Variation

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

Dichromacy

#90844d Protanopia 1% of men
#a17e41 Deuteranopia 1% of men
#c2686f Tritanopia 0.001% of the population

Trichromacy

#a07946 Protanomaly 1% of men, 0.01% of women
#ab753f Deuteranomaly 6% of men, 0.4% of women
#c0675c Tritanomaly 0.01% of the population

#bd663c hex color

#bd663c Color Information

#bd663c Color Conversion

Color Schemes with #bd663c

Alternatives to #bd663c

#bd663c Preview

Shades and Tints of #bd663c

Tones of #bd663c

Color Blindness Simulator