#bf3f57 hex color

In a RGB color space, hex #bf3f57 is composed of 74.9% red, 24.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67% magenta, 54.5% yellow and 25.1% black. It has a hue angle of 348.8 degrees, a saturation of 50.4% and a lightness of 49.8%. #bf3f57 color hex could be obtained by blending #ff7eae with #7f0000. Closest websafe color is: #cc3366.

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

● #bf3f57 color description : Moderate red.

The hexadecimal color #bf3f57 has RGB values of R:191, G:63, B:87 and CMYK values of C:0, M:0.67, Y:0.54, K:0.25. Its decimal value is 12533591.

Hex triplet	bf3f57	`#bf3f57`
RGB Decimal	191, 63, 87	`rgb(191,63,87)`
RGB Percent	74.9, 24.7, 34.1	`rgb(74.9%,24.7%,34.1%)`
CMYK	0, 67, 54, 25
HSL	348.8°, 50.4, 49.8	`hsl(348.8,50.4%,49.8%)`
HSV (or HSB)	348.8°, 67, 74.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.072, 52.74, 14.848
XYZ	24.984, 15.322, 10.658
xyY	0.49, 0.301, 15.322
CIE-LCH	46.072, 54.791, 15.724
CIE-LUV	46.072, 90.219, 7.486
Hunter-Lab	39.143, 45.432, 11.257
Binary	10111111, 00111111, 01010111

#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#3fbfa7
```
#3fbfa7 rgb(63,191,167)
```

Complementary Color

#bf3f97
```
#bf3f97 rgb(191,63,151)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#bf673f
```
#bf673f rgb(191,103,63)
```

Analogous Color

#3f97bf
```
#3f97bf rgb(63,151,191)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#3fbf67
```
#3fbf67 rgb(63,191,103)
```

Split Complementary Color

#3f57bf
```
#3f57bf rgb(63,87,191)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#57bf3f
```
#57bf3f rgb(87,191,63)
```

Triadic Color

#a73fbf
```
#a73fbf rgb(167,63,191)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#57bf3f
```
#57bf3f rgb(87,191,63)
```
#3fbfa7
```
#3fbfa7 rgb(63,191,167)
```

Tetradic Color

#852c3d
```
#852c3d rgb(133,44,61)
```
#993246
```
#993246 rgb(153,50,70)
```
#ac394e
```
#ac394e rgb(172,57,78)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#c65267
```
#c65267 rgb(198,82,103)
```
#cc6578
```
#cc6578 rgb(204,101,120)
```
#d27889
```
#d27889 rgb(210,120,137)
```

Monochromatic Color

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

#bf3f77
```
#bf3f77 rgb(191,63,119)
```
#bf3f6c
```
#bf3f6c rgb(191,63,108)
```
#bf3f62
```
#bf3f62 rgb(191,63,98)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#bf3f4c
```
#bf3f4c rgb(191,63,76)
```
#bf3f42
```
#bf3f42 rgb(191,63,66)
```
#bf473f
```
#bf473f rgb(191,71,63)
```

Similar Colors

Text with hexadecimal color #bf3f57

This text has a font color of #bf3f57.

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

#bf3f57 background color

This paragraph has a background color of #bf3f57.

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

#bf3f57 border color

This element has a border color of #bf3f57.

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

CSS codes

.text {color:#bf3f57;}

.background {background-color:#bf3f57;}

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

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

#0e0506
```
#0e0506 rgb(14,5,6)
```
#1d090d
```
#1d090d rgb(29,9,13)
```
#2b0e14
```
#2b0e14 rgb(43,14,20)
```
#3a131b
```
#3a131b rgb(58,19,27)
```
#491821
```
#491821 rgb(73,24,33)
```
#581d28
```
#581d28 rgb(88,29,40)
```
#66222f
```
#66222f rgb(102,34,47)
```
#752735
```
#752735 rgb(117,39,53)
```
#842c3c
```
#842c3c rgb(132,44,60)
```
#933043
```
#933043 rgb(147,48,67)
```
#a1354a
```
#a1354a rgb(161,53,74)
```
#b03a50
```
#b03a50 rgb(176,58,80)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```

Shade Color Variation

#c44d64
```
#c44d64 rgb(196,77,100)
```
#c95c70
```
#c95c70 rgb(201,92,112)
```
#ce6b7d
```
#ce6b7d rgb(206,107,125)
```
#d3798a
```
#d3798a rgb(211,121,138)
```
#d88897
```
#d88897 rgb(216,136,151)
```
#dd97a4
```
#dd97a4 rgb(221,151,164)
```
#e2a6b1
```
#e2a6b1 rgb(226,166,177)
```
#e6b4be
```
#e6b4be rgb(230,180,190)
```
#ebc3cb
```
#ebc3cb rgb(235,195,203)
```
#f0d2d8
```
#f0d2d8 rgb(240,210,216)
```
#f5e1e5
```
#f5e1e5 rgb(245,225,229)
```
#faeff1
```
#faeff1 rgb(250,239,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847a7c
```
#847a7c rgb(132,122,124)
```
#8e7076
```
#8e7076 rgb(142,112,118)
```
#98666f
```
#98666f rgb(152,102,111)
```
#a25c69
```
#a25c69 rgb(162,92,105)
```
#ab5363
```
#ab5363 rgb(171,83,99)
```
#b5495d
```
#b5495d rgb(181,73,93)
```
#bf3f57
```
#bf3f57 rgb(191,63,87)
```
#c93551
```
#c93551 rgb(201,53,81)
```
#d32b4b
```
#d32b4b rgb(211,43,75)
```
#dc2245
```
#dc2245 rgb(220,34,69)
```
#e6183f
```
#e6183f rgb(230,24,63)
```
#f00e38
```
#f00e38 rgb(240,14,56)
```
#fa0432
```
#fa0432 rgb(250,4,50)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#796065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777472 Protanopia 1% of men
#897057 Deuteranopia 1% of men
#c14c50 Tritanopia 0.001% of the population

Trichromacy

#916068 Protanomaly 1% of men, 0.01% of women
#9c5e57 Deuteranomaly 6% of men, 0.4% of women
#c04752 Tritanomaly 0.01% of the population

#bf3f57 hex color

#bf3f57 Color Information

#bf3f57 Color Conversion

Color Schemes with #bf3f57

Alternatives to #bf3f57

#bf3f57 Preview

Shades and Tints of #bf3f57

Tones of #bf3f57

Color Blindness Simulator