#bd660f hex color

In a RGB color space, hex #bd660f is composed of 74.1% red, 40% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 92.1% yellow and 25.9% black. It has a hue angle of 30 degrees, a saturation of 85.3% and a lightness of 40%. #bd660f color hex could be obtained by blending #ffcc1e with #7b0000. Closest websafe color is: #cc6600.

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

● #bd660f color description : Strong orange.

The hexadecimal color #bd660f has RGB values of R:189, G:102, B:15 and CMYK values of C:0, M:0.46, Y:0.92, K:0.26. Its decimal value is 12412431.

Hex triplet	bd660f	`#bd660f`
RGB Decimal	189, 102, 15	`rgb(189,102,15)`
RGB Percent	74.1, 40, 5.9	`rgb(74.1%,40%,5.9%)`
CMYK	0, 46, 92, 26
HSL	30°, 85.3, 40	`hsl(30,85.3%,40%)`
HSV (or HSB)	30°, 92.1, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.24, 29.706, 57.105
XYZ	25.825, 20.358, 3.022
xyY	0.525, 0.414, 20.358
CIE-LCH	52.24, 64.369, 62.516
CIE-LUV	52.24, 71.814, 47.635
Hunter-Lab	45.12, 23.205, 27.614
Binary	10111101, 01100110, 00001111

#bd660f
```
#bd660f rgb(189,102,15)
```
#0f66bd
```
#0f66bd rgb(15,102,189)
```

Complementary Color

#bd0f0f
```
#bd0f0f rgb(189,15,15)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#bdbd0f
```
#bdbd0f rgb(189,189,15)
```

Analogous Color

#0f0fbd
```
#0f0fbd rgb(15,15,189)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#0fbdbd
```
#0fbdbd rgb(15,189,189)
```

Split Complementary Color

#660fbd
```
#660fbd rgb(102,15,189)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#0fbd66
```
#0fbd66 rgb(15,189,102)
```

Triadic Color

#bd0f66
```
#bd0f66 rgb(189,15,102)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#0fbd66
```
#0fbd66 rgb(15,189,102)
```
#0f66bd
```
#0f66bd rgb(15,102,189)
```

Tetradic Color

#764009
```
#764009 rgb(118,64,9)
```
#8e4c0b
```
#8e4c0b rgb(142,76,11)
```
#a5590d
```
#a5590d rgb(165,89,13)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#d57311
```
#d57311 rgb(213,115,17)
```
#ec8013
```
#ec8013 rgb(236,128,19)
```
#ee8c2a
```
#ee8c2a rgb(238,140,42)
```

Monochromatic Color

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

#bd3a0f
```
#bd3a0f rgb(189,58,15)
```
#bd490f
```
#bd490f rgb(189,73,15)
```
#bd570f
```
#bd570f rgb(189,87,15)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#bd750f
```
#bd750f rgb(189,117,15)
```
#bd830f
```
#bd830f rgb(189,131,15)
```
#bd920f
```
#bd920f rgb(189,146,15)
```

Similar Colors

Text with hexadecimal color #bd660f

This text has a font color of #bd660f.

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

#bd660f background color

This paragraph has a background color of #bd660f.

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

#bd660f border color

This element has a border color of #bd660f.

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

CSS codes

.text {color:#bd660f;}

.background {background-color:#bd660f;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#190e02
```
#190e02 rgb(25,14,2)
```
#2c1803
```
#2c1803 rgb(44,24,3)
```
#3e2105
```
#3e2105 rgb(62,33,5)
```
#502b06
```
#502b06 rgb(80,43,6)
```
#623508
```
#623508 rgb(98,53,8)
```
#743f09
```
#743f09 rgb(116,63,9)
```
#86490b
```
#86490b rgb(134,73,11)
```
#99520c
```
#99520c rgb(153,82,12)
```
#ab5c0e
```
#ab5c0e rgb(171,92,14)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#cf7010
```
#cf7010 rgb(207,112,16)
```
#e17a12
```
#e17a12 rgb(225,122,18)
```

Shade Color Variation

#ed831a
```
#ed831a rgb(237,131,26)
```
#ee8d2c
```
#ee8d2c rgb(238,141,44)
```
#f0973e
```
#f0973e rgb(240,151,62)
```
#f1a151
```
#f1a151 rgb(241,161,81)
```
#f3ab63
```
#f3ab63 rgb(243,171,99)
```
#f4b475
```
#f4b475 rgb(244,180,117)
```
#f5be87
```
#f5be87 rgb(245,190,135)
```
#f7c899
```
#f7c899 rgb(247,200,153)
```
#f8d2ab
```
#f8d2ab rgb(248,210,171)
```
#fadcbe
```
#fadcbe rgb(250,220,190)
```
#fbe6d0
```
#fbe6d0 rgb(251,230,208)
```
#fdefe2
```
#fdefe2 rgb(253,239,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#676665
```
#676665 rgb(103,102,101)
```
#6f665d
```
#6f665d rgb(111,102,93)
```
#766656
```
#766656 rgb(118,102,86)
```
#7e664e
```
#7e664e rgb(126,102,78)
```
#866646
```
#866646 rgb(134,102,70)
```
#8e663e
```
#8e663e rgb(142,102,62)
```
#966636
```
#966636 rgb(150,102,54)
```
#9e662e
```
#9e662e rgb(158,102,46)
```
#a56627
```
#a56627 rgb(165,102,39)
```
#ad661f
```
#ad661f rgb(173,102,31)
```
#b56617
```
#b56617 rgb(181,102,23)
```
#bd660f
```
#bd660f rgb(189,102,15)
```
#c56607
```
#c56607 rgb(197,102,7)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938321 Protanopia 1% of men
#a47d09 Deuteranopia 1% of men
#c3666d Tritanopia 0.001% of the population

Trichromacy

#a2781a Protanomaly 1% of men, 0.01% of women
#ad740b Deuteranomaly 6% of men, 0.4% of women
#c1664b Tritanomaly 0.01% of the population

#bd660f hex color

#bd660f Color Information

#bd660f Color Conversion

Color Schemes with #bd660f

Alternatives to #bd660f

#bd660f Preview

Shades and Tints of #bd660f

Tones of #bd660f

Color Blindness Simulator