#bf5f30 hex color

In a RGB color space, hex #bf5f30 is composed of 74.9% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 74.9% yellow and 25.1% black. It has a hue angle of 19.7 degrees, a saturation of 59.8% and a lightness of 46.9%. #bf5f30 color hex could be obtained by blending #ffbe60 with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 37
- B 19
RGB color chart
- C 0
- M 50
- Y 75
- K 25
CMYK color chart

● #bf5f30 color description : Moderate orange.

The hexadecimal color #bf5f30 has RGB values of R:191, G:95, B:48 and CMYK values of C:0, M:0.5, Y:0.75, K:0.25. Its decimal value is 12541744.

Hex triplet	bf5f30	`#bf5f30`
RGB Decimal	191, 95, 48	`rgb(191,95,48)`
RGB Percent	74.9, 37.3, 18.8	`rgb(74.9%,37.3%,18.8%)`
CMYK	0, 50, 75, 25
HSL	19.7°, 59.8, 46.9	`hsl(19.7,59.8%,46.9%)`
HSV (or HSB)	19.7°, 74.9, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.24, 35.214, 43.46
XYZ	26.112, 19.477, 5.18
xyY	0.514, 0.384, 19.477
CIE-LCH	51.24, 55.936, 50.984
CIE-LUV	51.24, 76.65, 37.831
Hunter-Lab	44.132, 28.385, 23.933
Binary	10111111, 01011111, 00110000

#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#3090bf
```
#3090bf rgb(48,144,191)
```

Complementary Color

#bf3048
```
#bf3048 rgb(191,48,72)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#bfa730
```
#bfa730 rgb(191,167,48)
```

Analogous Color

#3049bf
```
#3049bf rgb(48,73,191)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#30bfa7
```
#30bfa7 rgb(48,191,167)
```

Split Complementary Color

#5f30bf
```
#5f30bf rgb(95,48,191)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#30bf5f
```
#30bf5f rgb(48,191,95)
```

Triadic Color

#bf3090
```
#bf3090 rgb(191,48,144)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#30bf5f
```
#30bf5f rgb(48,191,95)
```
#3090bf
```
#3090bf rgb(48,144,191)
```

Tetradic Color

#824121
```
#824121 rgb(130,65,33)
```
#964b26
```
#964b26 rgb(150,75,38)
```
#ab552b
```
#ab552b rgb(171,85,43)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#ce6b3b
```
#ce6b3b rgb(206,107,59)
```
#d37a4f
```
#d37a4f rgb(211,122,79)
```
#d88a64
```
#d88a64 rgb(216,138,100)
```

Monochromatic Color

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

#bf3b30
```
#bf3b30 rgb(191,59,48)
```
#bf4730
```
#bf4730 rgb(191,71,48)
```
#bf5330
```
#bf5330 rgb(191,83,48)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#bf6b30
```
#bf6b30 rgb(191,107,48)
```
#bf7730
```
#bf7730 rgb(191,119,48)
```
#bf8330
```
#bf8330 rgb(191,131,48)
```

Similar Colors

Text with hexadecimal color #bf5f30

This text has a font color of #bf5f30.

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

#bf5f30 background color

This paragraph has a background color of #bf5f30.

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

#bf5f30 border color

This element has a border color of #bf5f30.

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

CSS codes

.text {color:#bf5f30;}

.background {background-color:#bf5f30;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130905
```
#130905 rgb(19,9,5)
```
#221109
```
#221109 rgb(34,17,9)
```
#32190d
```
#32190d rgb(50,25,13)
```
#422110
```
#422110 rgb(66,33,16)
```
#512814
```
#512814 rgb(81,40,20)
```
#613018
```
#613018 rgb(97,48,24)
```
#71381c
```
#71381c rgb(113,56,28)
```
#804020
```
#804020 rgb(128,64,32)
```
#904824
```
#904824 rgb(144,72,36)
```
#a04f28
```
#a04f28 rgb(160,79,40)
```
#af572c
```
#af572c rgb(175,87,44)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```

Shade Color Variation

#cd6836
```
#cd6836 rgb(205,104,54)
```
#d07346
```
#d07346 rgb(208,115,70)
```
#d47f55
```
#d47f55 rgb(212,127,85)
```
#d88b65
```
#d88b65 rgb(216,139,101)
```
#dc9775
```
#dc9775 rgb(220,151,117)
```
#e0a384
```
#e0a384 rgb(224,163,132)
```
#e4ae94
```
#e4ae94 rgb(228,174,148)
```
#e8baa4
```
#e8baa4 rgb(232,186,164)
```
#ecc6b4
```
#ecc6b4 rgb(236,198,180)
```
#f0d2c3
```
#f0d2c3 rgb(240,210,195)
```
#f4ded3
```
#f4ded3 rgb(244,222,211)
```
#f8eae3
```
#f8eae3 rgb(248,234,227)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#7f7570
```
#7f7570 rgb(127,117,112)
```
#887267
```
#887267 rgb(136,114,103)
```
#916f5e
```
#916f5e rgb(145,111,94)
```
#9a6c55
```
#9a6c55 rgb(154,108,85)
```
#a3684c
```
#a3684c rgb(163,104,76)
```
#ad6542
```
#ad6542 rgb(173,101,66)
```
#b66239
```
#b66239 rgb(182,98,57)
```
#bf5f30
```
#bf5f30 rgb(191,95,48)
```
#c85c27
```
#c85c27 rgb(200,92,39)
```
#d1591e
```
#d1591e rgb(209,89,30)
```
#db5614
```
#db5614 rgb(219,86,20)
```
#e4520b
```
#e4520b rgb(228,82,11)
```
#ed4f02
```
#ed4f02 rgb(237,79,2)
```

Tone Color Variation

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

Dichromacy

#8e8142 Protanopia 1% of men
#9f7b34 Deuteranopia 1% of men
#c46268 Tritanopia 0.001% of the population

Trichromacy

#9f743b Protanomaly 1% of men, 0.01% of women
#aa7032 Deuteranomaly 6% of men, 0.4% of women
#c26053 Tritanomaly 0.01% of the population

#bf5f30 hex color

#bf5f30 Color Information

#bf5f30 Color Conversion

Color Schemes with #bf5f30

Alternatives to #bf5f30

#bf5f30 Preview

Shades and Tints of #bf5f30

Tones of #bf5f30

Color Blindness Simulator