#bd684a hex color

In a RGB color space, hex #bd684a is composed of 74.1% red, 40.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 60.8% yellow and 25.9% black. It has a hue angle of 15.7 degrees, a saturation of 46.6% and a lightness of 51.6%. #bd684a color hex could be obtained by blending #ffd094 with #7b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 41
- B 29
RGB color chart
- C 0
- M 45
- Y 61
- K 26
CMYK color chart

● #bd684a color description : Moderate orange.

The hexadecimal color #bd684a has RGB values of R:189, G:104, B:74 and CMYK values of C:0, M:0.45, Y:0.61, K:0.26. Its decimal value is 12413002.

Hex triplet	bd684a	`#bd684a`
RGB Decimal	189, 104, 74	`rgb(189,104,74)`
RGB Percent	74.1, 40.8, 29	`rgb(74.1%,40.8%,29%)`
CMYK	0, 45, 61, 26
HSL	15.7°, 46.6, 51.6	`hsl(15.7,46.6%,51.6%)`
HSV (or HSB)	15.7°, 60.8, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.185, 31.174, 31.707
XYZ	27.173, 21.216, 9.142
xyY	0.472, 0.369, 21.216
CIE-LCH	53.185, 44.465, 45.486
CIE-LUV	53.185, 64.776, 30.282
Hunter-Lab	46.061, 24.698, 20.475
Binary	10111101, 01101000, 01001010

#bd684a
```
#bd684a rgb(189,104,74)
```
#4a9fbd
```
#4a9fbd rgb(74,159,189)
```

Complementary Color

#bd4a66
```
#bd4a66 rgb(189,74,102)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#bda24a
```
#bda24a rgb(189,162,74)
```

Analogous Color

#4a66bd
```
#4a66bd rgb(74,102,189)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#4abda2
```
#4abda2 rgb(74,189,162)
```

Split Complementary Color

#684abd
```
#684abd rgb(104,74,189)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#4abd68
```
#4abd68 rgb(74,189,104)
```

Triadic Color

#bd4a9f
```
#bd4a9f rgb(189,74,159)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#4abd68
```
#4abd68 rgb(74,189,104)
```
#4a9fbd
```
#4a9fbd rgb(74,159,189)
```

Tetradic Color

#894832
```
#894832 rgb(137,72,50)
```
#9b5239
```
#9b5239 rgb(155,82,57)
```
#ae5c3f
```
#ae5c3f rgb(174,92,63)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#c4785d
```
#c4785d rgb(196,120,93)
```
#cb876f
```
#cb876f rgb(203,135,111)
```
#d19782
```
#d19782 rgb(209,151,130)
```

Monochromatic Color

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

#bd4b4a
```
#bd4b4a rgb(189,75,74)
```
#bd554a
```
#bd554a rgb(189,85,74)
```
#bd5e4a
```
#bd5e4a rgb(189,94,74)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#bd724a
```
#bd724a rgb(189,114,74)
```
#bd7b4a
```
#bd7b4a rgb(189,123,74)
```
#bd854a
```
#bd854a rgb(189,133,74)
```

Similar Colors

Text with hexadecimal color #bd684a

This text has a font color of #bd684a.

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

#bd684a background color

This paragraph has a background color of #bd684a.

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

#bd684a border color

This element has a border color of #bd684a.

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

CSS codes

.text {color:#bd684a;}

.background {background-color:#bd684a;}

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

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, #060302 is the darkest color, while #fcf8f6 is the lightest one.

#060302
```
#060302 rgb(6,3,2)
```
#140b07
```
#140b07 rgb(20,11,7)
```
#23120d
```
#23120d rgb(35,18,13)
```
#311a12
```
#311a12 rgb(49,26,18)
```
#3f2217
```
#3f2217 rgb(63,34,23)
```
#4e291c
```
#4e291c rgb(78,41,28)
```
#5c3122
```
#5c3122 rgb(92,49,34)
```
#6a3827
```
#6a3827 rgb(106,56,39)
```
#79402c
```
#79402c rgb(121,64,44)
```
#874831
```
#874831 rgb(135,72,49)
```
#964f37
```
#964f37 rgb(150,79,55)
```
#a4573c
```
#a4573c rgb(164,87,60)
```
#b25f41
```
#b25f41 rgb(178,95,65)
```

Shade Color Variation

#bd684a
```
#bd684a rgb(189,104,74)
```
#c27458
```
#c27458 rgb(194,116,88)
```
#c78067
```
#c78067 rgb(199,128,103)
```
#cd8c75
```
#cd8c75 rgb(205,140,117)
```
#d29883
```
#d29883 rgb(210,152,131)
```
#d7a492
```
#d7a492 rgb(215,164,146)
```
#dcb0a0
```
#dcb0a0 rgb(220,176,160)
```
#e2bcaf
```
#e2bcaf rgb(226,188,175)
```
#e7c8bd
```
#e7c8bd rgb(231,200,189)
```
#ecd4cb
```
#ecd4cb rgb(236,212,203)
```
#f1e0da
```
#f1e0da rgb(241,224,218)
```
#f7ece8
```
#f7ece8 rgb(247,236,232)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#848383
```
#848383 rgb(132,131,131)
```
#8e7f7a
```
#8e7f7a rgb(142,127,122)
```
#977a70
```
#977a70 rgb(151,122,112)
```
#a17667
```
#a17667 rgb(161,118,103)
```
#aa715d
```
#aa715d rgb(170,113,93)
```
#b46d54
```
#b46d54 rgb(180,109,84)
```
#bd684a
```
#bd684a rgb(189,104,74)
```
#c76341
```
#c76341 rgb(199,99,65)
```
#d05f37
```
#d05f37 rgb(208,95,55)
```
#da5a2e
```
#da5a2e rgb(218,90,46)
```
#e35624
```
#e35624 rgb(227,86,36)
```
#ed511b
```
#ed511b rgb(237,81,27)
```
#f64d11
```
#f64d11 rgb(246,77,17)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8b7a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90855b Protanopia 1% of men
#a17f4f Deuteranopia 1% of men
#c26b72 Tritanopia 0.001% of the population

Trichromacy

#a07a54 Protanomaly 1% of men, 0.01% of women
#ab774d Deuteranomaly 6% of men, 0.4% of women
#c06a63 Tritanomaly 0.01% of the population

#bd684a hex color

#bd684a Color Information

#bd684a Color Conversion

Color Schemes with #bd684a

Alternatives to #bd684a

#bd684a Preview

Shades and Tints of #bd684a

Tones of #bd684a

Color Blindness Simulator