#bd580f hex color

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

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

● #bd580f color description : Strong orange.

The hexadecimal color #bd580f has RGB values of R:189, G:88, B:15 and CMYK values of C:0, M:0.53, Y:0.92, K:0.26. Its decimal value is 12408847.

Hex triplet	bd580f	`#bd580f`
RGB Decimal	189, 88, 15	`rgb(189,88,15)`
RGB Percent	74.1, 34.5, 5.9	`rgb(74.1%,34.5%,5.9%)`
CMYK	0, 53, 92, 26
HSL	25.2°, 85.3, 40	`hsl(25.2,85.3%,40%)`
HSV (or HSB)	25.2°, 92.1, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.296, 37.036, 54.979
XYZ	24.563, 17.835, 2.601
xyY	0.546, 0.396, 17.835
CIE-LCH	49.296, 66.29, 56.034
CIE-LUV	49.296, 83.172, 42.878
Hunter-Lab	42.232, 29.915, 25.911
Binary	10111101, 01011000, 00001111

#bd580f
```
#bd580f rgb(189,88,15)
```
#0f74bd
```
#0f74bd rgb(15,116,189)
```

Complementary Color

#bd0f1d
```
#bd0f1d rgb(189,15,29)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#bdaf0f
```
#bdaf0f rgb(189,175,15)
```

Analogous Color

#0f1dbd
```
#0f1dbd rgb(15,29,189)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#0fbdaf
```
#0fbdaf rgb(15,189,175)
```

Split Complementary Color

#580fbd
```
#580fbd rgb(88,15,189)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#0fbd58
```
#0fbd58 rgb(15,189,88)
```

Triadic Color

#bd0f74
```
#bd0f74 rgb(189,15,116)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#0fbd58
```
#0fbd58 rgb(15,189,88)
```
#0f74bd
```
#0f74bd rgb(15,116,189)
```

Tetradic Color

#763709
```
#763709 rgb(118,55,9)
```
#8e420b
```
#8e420b rgb(142,66,11)
```
#a54d0d
```
#a54d0d rgb(165,77,13)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#d56311
```
#d56311 rgb(213,99,17)
```
#ec6e13
```
#ec6e13 rgb(236,110,19)
```
#ee7d2a
```
#ee7d2a rgb(238,125,42)
```

Monochromatic Color

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

#bd2d0f
```
#bd2d0f rgb(189,45,15)
```
#bd3b0f
```
#bd3b0f rgb(189,59,15)
```
#bd4a0f
```
#bd4a0f rgb(189,74,15)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#bd670f
```
#bd670f rgb(189,103,15)
```
#bd750f
```
#bd750f rgb(189,117,15)
```
#bd840f
```
#bd840f rgb(189,132,15)
```

Similar Colors

Text with hexadecimal color #bd580f

This text has a font color of #bd580f.

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

#bd580f background color

This paragraph has a background color of #bd580f.

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

#bd580f border color

This element has a border color of #bd580f.

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

CSS codes

.text {color:#bd580f;}

.background {background-color:#bd580f;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#190c02
```
#190c02 rgb(25,12,2)
```
#2c1403
```
#2c1403 rgb(44,20,3)
```
#3e1d05
```
#3e1d05 rgb(62,29,5)
```
#502506
```
#502506 rgb(80,37,6)
```
#622e08
```
#622e08 rgb(98,46,8)
```
#743609
```
#743609 rgb(116,54,9)
```
#863f0b
```
#863f0b rgb(134,63,11)
```
#99470c
```
#99470c rgb(153,71,12)
```
#ab500e
```
#ab500e rgb(171,80,14)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#cf6010
```
#cf6010 rgb(207,96,16)
```
#e16912
```
#e16912 rgb(225,105,18)
```

Shade Color Variation

#ed721a
```
#ed721a rgb(237,114,26)
```
#ee7e2c
```
#ee7e2c rgb(238,126,44)
```
#f0893e
```
#f0893e rgb(240,137,62)
```
#f19451
```
#f19451 rgb(241,148,81)
```
#f39f63
```
#f39f63 rgb(243,159,99)
```
#f4aa75
```
#f4aa75 rgb(244,170,117)
```
#f5b587
```
#f5b587 rgb(245,181,135)
```
#f7c199
```
#f7c199 rgb(247,193,153)
```
#f8ccab
```
#f8ccab rgb(248,204,171)
```
#fad7be
```
#fad7be rgb(250,215,190)
```
#fbe2d0
```
#fbe2d0 rgb(251,226,208)
```
#fdede2
```
#fdede2 rgb(253,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,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 #c55707 is the most saturated one.

#676665
```
#676665 rgb(103,102,101)
```
#6f655d
```
#6f655d rgb(111,101,93)
```
#766356
```
#766356 rgb(118,99,86)
```
#7e624e
```
#7e624e rgb(126,98,78)
```
#866146
```
#866146 rgb(134,97,70)
```
#8e603e
```
#8e603e rgb(142,96,62)
```
#965e36
```
#965e36 rgb(150,94,54)
```
#9e5d2e
```
#9e5d2e rgb(158,93,46)
```
#a55c27
```
#a55c27 rgb(165,92,39)
```
#ad5b1f
```
#ad5b1f rgb(173,91,31)
```
#b55917
```
#b55917 rgb(181,89,23)
```
#bd580f
```
#bd580f rgb(189,88,15)
```
#c55707
```
#c55707 rgb(197,87,7)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7e6a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c22 Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#c25a60 Tritanopia 0.001% of the population

Trichromacy

#9d6f1b Protanomaly 1% of men, 0.01% of women
#a76b05 Deuteranomaly 6% of men, 0.4% of women
#c05942 Tritanomaly 0.01% of the population

#bd580f hex color

#bd580f Color Information

#bd580f Color Conversion

Color Schemes with #bd580f

Alternatives to #bd580f

#bd580f Preview

Shades and Tints of #bd580f

Tones of #bd580f

Color Blindness Simulator