#bf553a hex color

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

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

● #bf553a color description : Moderate red.

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

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

CIE-LAB	49.352, 40.788, 36.1
XYZ	25.499, 17.881, 6.111
xyY	0.515, 0.361, 17.881
CIE-LCH	49.352, 54.469, 41.511
CIE-LUV	49.352, 82.772, 30.4
Hunter-Lab	42.286, 33.636, 21.032
Binary	10111111, 01010101, 00111010

#bf553a
```
#bf553a rgb(191,85,58)
```
#3aa4bf
```
#3aa4bf rgb(58,164,191)
```

Complementary Color

#bf3a62
```
#bf3a62 rgb(191,58,98)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#bf983a
```
#bf983a rgb(191,152,58)
```

Analogous Color

#3a62bf
```
#3a62bf rgb(58,98,191)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#3abf98
```
#3abf98 rgb(58,191,152)
```

Split Complementary Color

#553abf
```
#553abf rgb(85,58,191)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#3abf55
```
#3abf55 rgb(58,191,85)
```

Triadic Color

#bf3aa4
```
#bf3aa4 rgb(191,58,164)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#3abf55
```
#3abf55 rgb(58,191,85)
```
#3aa4bf
```
#3aa4bf rgb(58,164,191)
```

Tetradic Color

#843b28
```
#843b28 rgb(132,59,40)
```
#98442e
```
#98442e rgb(152,68,46)
```
#ab4c34
```
#ab4c34 rgb(171,76,52)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#c8644a
```
#c8644a rgb(200,100,74)
```
#ce755e
```
#ce755e rgb(206,117,94)
```
#d48571
```
#d48571 rgb(212,133,113)
```

Monochromatic Color

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

#bf3a40
```
#bf3a40 rgb(191,58,64)
```
#bf3f3a
```
#bf3f3a rgb(191,63,58)
```
#bf4a3a
```
#bf4a3a rgb(191,74,58)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#bf603a
```
#bf603a rgb(191,96,58)
```
#bf6b3a
```
#bf6b3a rgb(191,107,58)
```
#bf763a
```
#bf763a rgb(191,118,58)
```

Similar Colors

Text with hexadecimal color #bf553a

This text has a font color of #bf553a.

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

#bf553a background color

This paragraph has a background color of #bf553a.

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

#bf553a border color

This element has a border color of #bf553a.

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

CSS codes

.text {color:#bf553a;}

.background {background-color:#bf553a;}

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

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)
```
#471f15
```
#471f15 rgb(71,31,21)
```
#56261a
```
#56261a rgb(86,38,26)
```
#652d1f
```
#652d1f rgb(101,45,31)
```
#743423
```
#743423 rgb(116,52,35)
```
#833a28
```
#833a28 rgb(131,58,40)
```
#92412c
```
#92412c rgb(146,65,44)
```
#a14831
```
#a14831 rgb(161,72,49)
```
#b04e35
```
#b04e35 rgb(176,78,53)
```
#bf553a
```
#bf553a rgb(191,85,58)
```

Shade Color Variation

#c76046
```
#c76046 rgb(199,96,70)
```
#cb6d55
```
#cb6d55 rgb(203,109,85)
```
#d07a64
```
#d07a64 rgb(208,122,100)
```
#d48773
```
#d48773 rgb(212,135,115)
```
#d99482
```
#d99482 rgb(217,148,130)
```
#dea191
```
#dea191 rgb(222,161,145)
```
#e2aea0
```
#e2aea0 rgb(226,174,160)
```
#e7baaf
```
#e7baaf rgb(231,186,175)
```
#ebc7be
```
#ebc7be rgb(235,199,190)
```
#f0d4cd
```
#f0d4cd rgb(240,212,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 #f83301 is the most saturated one.

#867773
```
#867773 rgb(134,119,115)
```
#8f716a
```
#8f716a rgb(143,113,106)
```
#996c60
```
#996c60 rgb(153,108,96)
```
#a26657
```
#a26657 rgb(162,102,87)
```
#ac604d
```
#ac604d rgb(172,96,77)
```
#b55b44
```
#b55b44 rgb(181,91,68)
```
#bf553a
```
#bf553a rgb(191,85,58)
```
#c94f30
```
#c94f30 rgb(201,79,48)
```
#d24a27
```
#d24a27 rgb(210,74,39)
```
#dc441d
```
#dc441d rgb(220,68,29)
```
#e53e14
```
#e53e14 rgb(229,62,20)
```
#ef390a
```
#ef390a rgb(239,57,10)
```
#f83301
```
#f83301 rgb(248,51,1)
```

Tone Color Variation

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

#877c4e Protanopia 1% of men
#98763d Deuteranopia 1% of men
#c35a5f Tritanopia 0.001% of the population

Trichromacy

#9b6e46 Protanomaly 1% of men, 0.01% of women
#a66a3c Deuteranomaly 6% of men, 0.4% of women
#c25852 Tritanomaly 0.01% of the population

#bf553a hex color

#bf553a Color Information

#bf553a Color Conversion

Color Schemes with #bf553a

Alternatives to #bf553a

#bf553a Preview

Shades and Tints of #bf553a

Tones of #bf553a

Color Blindness Simulator