#bf5a22 hex color

In a RGB color space, hex #bf5a22 is composed of 74.9% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 82.2% yellow and 25.1% black. It has a hue angle of 21.4 degrees, a saturation of 69.8% and a lightness of 44.1%. #bf5a22 color hex could be obtained by blending #ffb444 with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 35
- B 13
RGB color chart
- C 0
- M 53
- Y 82
- K 25
CMYK color chart

● #bf5a22 color description : Strong orange.

The hexadecimal color #bf5a22 has RGB values of R:191, G:90, B:34 and CMYK values of C:0, M:0.53, Y:0.82, K:0.25. Its decimal value is 12540450.

Hex triplet	bf5a22	`#bf5a22`
RGB Decimal	191, 90, 34	`rgb(191,90,34)`
RGB Percent	74.9, 35.3, 13.3	`rgb(74.9%,35.3%,13.3%)`
CMYK	0, 53, 82, 25
HSL	21.4°, 69.8, 44.1	`hsl(21.4,69.8%,44.1%)`
HSV (or HSB)	21.4°, 82.2, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.105, 37.258, 48.925
XYZ	25.432, 18.507, 3.746
xyY	0.533, 0.388, 18.507
CIE-LCH	50.105, 61.496, 52.71
CIE-LUV	50.105, 81.976, 40.159
Hunter-Lab	43.019, 30.24, 24.95
Binary	10111111, 01011010, 00100010

#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#2287bf
```
#2287bf rgb(34,135,191)
```

Complementary Color

#bf2239
```
#bf2239 rgb(191,34,57)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#bfa922
```
#bfa922 rgb(191,169,34)
```

Analogous Color

#2238bf
```
#2238bf rgb(34,56,191)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#22bfa9
```
#22bfa9 rgb(34,191,169)
```

Split Complementary Color

#5a22bf
```
#5a22bf rgb(90,34,191)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#22bf5a
```
#22bf5a rgb(34,191,90)
```

Triadic Color

#bf2287
```
#bf2287 rgb(191,34,135)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#22bf5a
```
#22bf5a rgb(34,191,90)
```
#2287bf
```
#2287bf rgb(34,135,191)
```

Tetradic Color

#7e3b16
```
#7e3b16 rgb(126,59,22)
```
#94461a
```
#94461a rgb(148,70,26)
```
#a9501e
```
#a9501e rgb(169,80,30)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#d56426
```
#d56426 rgb(213,100,38)
```
#dc7338
```
#dc7338 rgb(220,115,56)
```
#df824e
```
#df824e rgb(223,130,78)
```

Monochromatic Color

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

#bf3322
```
#bf3322 rgb(191,51,34)
```
#bf4022
```
#bf4022 rgb(191,64,34)
```
#bf4d22
```
#bf4d22 rgb(191,77,34)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#bf6722
```
#bf6722 rgb(191,103,34)
```
#bf7422
```
#bf7422 rgb(191,116,34)
```
#bf8122
```
#bf8122 rgb(191,129,34)
```

Similar Colors

Text with hexadecimal color #bf5a22

This text has a font color of #bf5a22.

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

#bf5a22 background color

This paragraph has a background color of #bf5a22.

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

#bf5a22 border color

This element has a border color of #bf5a22.

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

CSS codes

.text {color:#bf5a22;}

.background {background-color:#bf5a22;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#180c04
```
#180c04 rgb(24,12,4)
```
#291307
```
#291307 rgb(41,19,7)
```
#3a1b0a
```
#3a1b0a rgb(58,27,10)
```
#4a230d
```
#4a230d rgb(74,35,13)
```
#5b2b10
```
#5b2b10 rgb(91,43,16)
```
#6c3313
```
#6c3313 rgb(108,51,19)
```
#7c3b16
```
#7c3b16 rgb(124,59,22)
```
#8d4219
```
#8d4219 rgb(141,66,25)
```
#9e4a1c
```
#9e4a1c rgb(158,74,28)
```
#ae521f
```
#ae521f rgb(174,82,31)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#d06225
```
#d06225 rgb(208,98,37)
```

Shade Color Variation

#da6c2e
```
#da6c2e rgb(218,108,46)
```
#dd773f
```
#dd773f rgb(221,119,63)
```
#e08350
```
#e08350 rgb(224,131,80)
```
#e38f60
```
#e38f60 rgb(227,143,96)
```
#e69b71
```
#e69b71 rgb(230,155,113)
```
#e9a682
```
#e9a682 rgb(233,166,130)
```
#ecb292
```
#ecb292 rgb(236,178,146)
```
#efbea3
```
#efbea3 rgb(239,190,163)
```
#f2cab4
```
#f2cab4 rgb(242,202,180)
```
#f5d5c4
```
#f5d5c4 rgb(245,213,196)
```
#f8e1d5
```
#f8e1d5 rgb(248,225,213)
```
#faede6
```
#faede6 rgb(250,237,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#717070
```
#717070 rgb(113,112,112)
```
#7a6e67
```
#7a6e67 rgb(122,110,103)
```
#826b5f
```
#826b5f rgb(130,107,95)
```
#8b6956
```
#8b6956 rgb(139,105,86)
```
#94664d
```
#94664d rgb(148,102,77)
```
#9c6445
```
#9c6445 rgb(156,100,69)
```
#a5613c
```
#a5613c rgb(165,97,60)
```
#ae5f33
```
#ae5f33 rgb(174,95,51)
```
#b65c2b
```
#b65c2b rgb(182,92,43)
```
#bf5a22
```
#bf5a22 rgb(191,90,34)
```
#c85819
```
#c85819 rgb(200,88,25)
```
#d05511
```
#d05511 rgb(208,85,17)
```
#d95308
```
#d95308 rgb(217,83,8)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#816d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e34 Protanopia 1% of men
#9d7824 Deuteranopia 1% of men
#c45d62 Tritanopia 0.001% of the population

Trichromacy

#9e712e Protanomaly 1% of men, 0.01% of women
#a96d23 Deuteranomaly 6% of men, 0.4% of women
#c25b4b Tritanomaly 0.01% of the population

#bf5a22 hex color

#bf5a22 Color Information

#bf5a22 Color Conversion

Color Schemes with #bf5a22

Alternatives to #bf5a22

#bf5a22 Preview

Shades and Tints of #bf5a22

Tones of #bf5a22

Color Blindness Simulator