#bd683a hex color

In a RGB color space, hex #bd683a is composed of 74.1% red, 40.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 69.3% yellow and 25.9% black. It has a hue angle of 21.1 degrees, a saturation of 53% and a lightness of 48.4%. #bd683a color hex could be obtained by blending #ffd074 with #7b0000. Closest websafe color is: #cc6633.

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

● #bd683a color description : Moderate orange.

The hexadecimal color #bd683a has RGB values of R:189, G:104, B:58 and CMYK values of C:0, M:0.45, Y:0.69, K:0.26. Its decimal value is 12412986.

Hex triplet	bd683a	`#bd683a`
RGB Decimal	189, 104, 58	`rgb(189,104,58)`
RGB Percent	74.1, 40.8, 22.7	`rgb(74.1%,40.8%,22.7%)`
CMYK	0, 45, 69, 26
HSL	21.1°, 53, 48.4	`hsl(21.1,53%,48.4%)`
HSV (or HSB)	21.1°, 69.3, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.979, 30.142, 40.147
XYZ	26.701, 21.027, 6.655
xyY	0.491, 0.387, 21.027
CIE-LCH	52.979, 50.203, 53.101
CIE-LUV	52.979, 66.903, 37.419
Hunter-Lab	45.855, 23.692, 23.494
Binary	10111101, 01101000, 00111010

#bd683a
```
#bd683a rgb(189,104,58)
```
#3a8fbd
```
#3a8fbd rgb(58,143,189)
```

Complementary Color

#bd3a4e
```
#bd3a4e rgb(189,58,78)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#bdaa3a
```
#bdaa3a rgb(189,170,58)
```

Analogous Color

#3a4ebd
```
#3a4ebd rgb(58,78,189)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#3abdaa
```
#3abdaa rgb(58,189,170)
```

Split Complementary Color

#683abd
```
#683abd rgb(104,58,189)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#3abd68
```
#3abd68 rgb(58,189,104)
```

Triadic Color

#bd3a8f
```
#bd3a8f rgb(189,58,143)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#3abd68
```
#3abd68 rgb(58,189,104)
```
#3a8fbd
```
#3a8fbd rgb(58,143,189)
```

Tetradic Color

#824828
```
#824828 rgb(130,72,40)
```
#96532e
```
#96532e rgb(150,83,46)
```
#a95d34
```
#a95d34 rgb(169,93,52)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#c77649
```
#c77649 rgb(199,118,73)
```
#cd845d
```
#cd845d rgb(205,132,93)
```
#d39370
```
#d39370 rgb(211,147,112)
```

Monochromatic Color

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

#bd473a
```
#bd473a rgb(189,71,58)
```
#bd523a
```
#bd523a rgb(189,82,58)
```
#bd5d3a
```
#bd5d3a rgb(189,93,58)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#bd733a
```
#bd733a rgb(189,115,58)
```
#bd7e3a
```
#bd7e3a rgb(189,126,58)
```
#bd893a
```
#bd893a rgb(189,137,58)
```

Similar Colors

Text with hexadecimal color #bd683a

This text has a font color of #bd683a.

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

#bd683a background color

This paragraph has a background color of #bd683a.

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

#bd683a border color

This element has a border color of #bd683a.

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

CSS codes

.text {color:#bd683a;}

.background {background-color:#bd683a;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#180d07
```
#180d07 rgb(24,13,7)
```
#27150c
```
#27150c rgb(39,21,12)
```
#361e11
```
#361e11 rgb(54,30,17)
```
#452615
```
#452615 rgb(69,38,21)
```
#542e1a
```
#542e1a rgb(84,46,26)
```
#63361e
```
#63361e rgb(99,54,30)
```
#723f23
```
#723f23 rgb(114,63,35)
```
#814728
```
#814728 rgb(129,71,40)
```
#904f2c
```
#904f2c rgb(144,79,44)
```
#9f5731
```
#9f5731 rgb(159,87,49)
```
#ae6035
```
#ae6035 rgb(174,96,53)
```
#bd683a
```
#bd683a rgb(189,104,58)
```

Shade Color Variation

#c67245
```
#c67245 rgb(198,114,69)
```
#ca7d54
```
#ca7d54 rgb(202,125,84)
```
#cf8963
```
#cf8963 rgb(207,137,99)
```
#d49472
```
#d49472 rgb(212,148,114)
```
#d8a081
```
#d8a081 rgb(216,160,129)
```
#ddab90
```
#ddab90 rgb(221,171,144)
```
#e1b69f
```
#e1b69f rgb(225,182,159)
```
#e6c2ae
```
#e6c2ae rgb(230,194,174)
```
#ebcdbd
```
#ebcdbd rgb(235,205,189)
```
#efd8cc
```
#efd8cc rgb(239,216,204)
```
#f4e4db
```
#f4e4db rgb(244,228,219)
```
#f9efea
```
#f9efea rgb(249,239,234)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#847973
```
#847973 rgb(132,121,115)
```
#8e766a
```
#8e766a rgb(142,118,106)
```
#977360
```
#977360 rgb(151,115,96)
```
#a17057
```
#a17057 rgb(161,112,87)
```
#aa6e4d
```
#aa6e4d rgb(170,110,77)
```
#b46b44
```
#b46b44 rgb(180,107,68)
```
#bd683a
```
#bd683a rgb(189,104,58)
```
#c76531
```
#c76531 rgb(199,101,49)
```
#d06227
```
#d06227 rgb(208,98,39)
```
#da601e
```
#da601e rgb(218,96,30)
```
#e35d14
```
#e35d14 rgb(227,93,20)
```
#ed5a0b
```
#ed5a0b rgb(237,90,11)
```
#f65701
```
#f65701 rgb(246,87,1)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#89786f Atypical Achromatopsia 0.001% of the population

Dichromacy

#92854a Protanopia 1% of men
#a37f3f Deuteranopia 1% of men
#c36a71 Tritanopia 0.001% of the population

Trichromacy

#a17a44 Protanomaly 1% of men, 0.01% of women
#ac763d Deuteranomaly 6% of men, 0.4% of women
#c0695d Tritanomaly 0.01% of the population

#bd683a hex color

#bd683a Color Information

#bd683a Color Conversion

Color Schemes with #bd683a

Alternatives to #bd683a

#bd683a Preview

Shades and Tints of #bd683a

Tones of #bd683a

Color Blindness Simulator