#bf563a hex color

In a RGB color space, hex #bf563a is composed of 74.9% red, 33.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 69.6% yellow and 25.1% black. It has a hue angle of 12.6 degrees, a saturation of 53.4% and a lightness of 48.8%. #bf563a color hex could be obtained by blending #ffac74 with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 34
- B 23
RGB color chart
- C 0
- M 55
- Y 70
- K 25
CMYK color chart

● #bf563a color description : Moderate red.

The hexadecimal color #bf563a has RGB values of R:191, G:86, B:58 and CMYK values of C:0, M:0.55, Y:0.7, K:0.25. Its decimal value is 12539450.

Hex triplet	bf563a	`#bf563a`
RGB Decimal	191, 86, 58	`rgb(191,86,58)`
RGB Percent	74.9, 33.7, 22.7	`rgb(74.9%,33.7%,22.7%)`
CMYK	0, 55, 70, 25
HSL	12.6°, 53.4, 48.8	`hsl(12.6,53.4%,48.8%)`
HSV (or HSB)	12.6°, 69.6, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.544, 40.291, 36.322
XYZ	25.578, 18.04, 6.138
xyY	0.514, 0.363, 18.04
CIE-LCH	49.544, 54.246, 42.034
CIE-LUV	49.544, 82.047, 30.762
Hunter-Lab	42.473, 33.168, 21.163
Binary	10111111, 01010110, 00111010

#bf563a
```
#bf563a rgb(191,86,58)
```
#3aa3bf
```
#3aa3bf rgb(58,163,191)
```

Complementary Color

#bf3a60
```
#bf3a60 rgb(191,58,96)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#bf993a
```
#bf993a rgb(191,153,58)
```

Analogous Color

#3a61bf
```
#3a61bf rgb(58,97,191)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#3abf99
```
#3abf99 rgb(58,191,153)
```

Split Complementary Color

#563abf
```
#563abf rgb(86,58,191)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#3abf56
```
#3abf56 rgb(58,191,86)
```

Triadic Color

#bf3aa3
```
#bf3aa3 rgb(191,58,163)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#3abf56
```
#3abf56 rgb(58,191,86)
```
#3aa3bf
```
#3aa3bf rgb(58,163,191)
```

Tetradic Color

#843c28
```
#843c28 rgb(132,60,40)
```
#98442e
```
#98442e rgb(152,68,46)
```
#ab4d34
```
#ab4d34 rgb(171,77,52)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#c8654a
```
#c8654a rgb(200,101,74)
```
#ce765e
```
#ce765e rgb(206,118,94)
```
#d48671
```
#d48671 rgb(212,134,113)
```

Monochromatic Color

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

#bf3a3f
```
#bf3a3f rgb(191,58,63)
```
#bf403a
```
#bf403a rgb(191,64,58)
```
#bf4b3a
```
#bf4b3a rgb(191,75,58)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#bf613a
```
#bf613a rgb(191,97,58)
```
#bf6c3a
```
#bf6c3a rgb(191,108,58)
```
#bf773a
```
#bf773a rgb(191,119,58)
```

Similar Colors

Text with hexadecimal color #bf563a

This text has a font color of #bf563a.

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

#bf563a background color

This paragraph has a background color of #bf563a.

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

#bf563a border color

This element has a border color of #bf563a.

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

CSS codes

.text {color:#bf563a;}

.background {background-color:#bf563a;}

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

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, #0a0503 is the darkest color, while #fefbfa is the lightest one.

#0a0503
```
#0a0503 rgb(10,5,3)
```
#190b08
```
#190b08 rgb(25,11,8)
```
#29120c
```
#29120c rgb(41,18,12)
```
#381911
```
#381911 rgb(56,25,17)
```
#472015
```
#472015 rgb(71,32,21)
```
#56271a
```
#56271a rgb(86,39,26)
```
#652d1f
```
#652d1f rgb(101,45,31)
```
#743423
```
#743423 rgb(116,52,35)
```
#833b28
```
#833b28 rgb(131,59,40)
```
#92422c
```
#92422c rgb(146,66,44)
```
#a14831
```
#a14831 rgb(161,72,49)
```
#b04f35
```
#b04f35 rgb(176,79,53)
```
#bf563a
```
#bf563a rgb(191,86,58)
```

Shade Color Variation

#c76146
```
#c76146 rgb(199,97,70)
```
#cb6e55
```
#cb6e55 rgb(203,110,85)
```
#d07b64
```
#d07b64 rgb(208,123,100)
```
#d48873
```
#d48873 rgb(212,136,115)
```
#d99482
```
#d99482 rgb(217,148,130)
```
#dea191
```
#dea191 rgb(222,161,145)
```
#e2aea0
```
#e2aea0 rgb(226,174,160)
```
#e7bbaf
```
#e7bbaf rgb(231,187,175)
```
#ebc8be
```
#ebc8be rgb(235,200,190)
```
#f0d5cd
```
#f0d5cd rgb(240,213,205)
```
#f4e1dc
```
#f4e1dc rgb(244,225,220)
```
#f9eeeb
```
#f9eeeb rgb(249,238,235)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#867773
```
#867773 rgb(134,119,115)
```
#8f726a
```
#8f726a rgb(143,114,106)
```
#996c60
```
#996c60 rgb(153,108,96)
```
#a26757
```
#a26757 rgb(162,103,87)
```
#ac614d
```
#ac614d rgb(172,97,77)
```
#b55c44
```
#b55c44 rgb(181,92,68)
```
#bf563a
```
#bf563a rgb(191,86,58)
```
#c95030
```
#c95030 rgb(201,80,48)
```
#d24b27
```
#d24b27 rgb(210,75,39)
```
#dc451d
```
#dc451d rgb(220,69,29)
```
#e54014
```
#e54014 rgb(229,64,20)
```
#ef3a0a
```
#ef3a0a rgb(239,58,10)
```
#f83501
```
#f83501 rgb(248,53,1)
```

Tone Color Variation

Below, you can see how #bf563a 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
#816c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c4e Protanopia 1% of men
#99773d Deuteranopia 1% of men
#c35b60 Tritanopia 0.001% of the population

Trichromacy

#9c6e46 Protanomaly 1% of men, 0.01% of women
#a66b3c Deuteranomaly 6% of men, 0.4% of women
#c25952 Tritanomaly 0.01% of the population

#bf563a hex color

#bf563a Color Information

#bf563a Color Conversion

Color Schemes with #bf563a

Alternatives to #bf563a

#bf563a Preview

Shades and Tints of #bf563a

Tones of #bf563a

Color Blindness Simulator