colorhexa.com

#bf3557 hex color

In a RGB color space, hex #bf3557 is composed of 74.9% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 54.5% yellow and 25.1% black. It has a hue angle of 345.2 degrees, a saturation of 56.6% and a lightness of 47.8%. #bf3557 color hex could be obtained by blending #ff6aae with #7f0000. Closest websafe color is: #cc3366.

- R 75
- G 21
- B 34
RGB color chart
- C 0
- M 72
- Y 54
- K 25
CMYK color chart

● #bf3557 color description : Moderate red.

The hexadecimal color #bf3557 has RGB values of R:191, G:53, B:87 and CMYK values of C:0, M:0.72, Y:0.54, K:0.25. Its decimal value is 12531031.

Hex triplet	bf3557	`#bf3557`
RGB Decimal	191, 53, 87	`rgb(191,53,87)`
RGB Percent	74.9, 20.8, 34.1	`rgb(74.9%,20.8%,34.1%)`
CMYK	0, 72, 54, 25
HSL	345.2°, 56.6, 47.8	`hsl(345.2,56.6%,47.8%)`
HSV (or HSB)	345.2°, 72.3, 74.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.679, 56.576, 12.933
XYZ	24.48, 14.313, 10.49
xyY	0.497, 0.29, 14.313
CIE-LCH	44.679, 58.035, 12.877
CIE-LUV	44.679, 95.231, 4.431
Hunter-Lab	37.833, 49.292, 10.044
Binary	10111111, 00110101, 01010111

#bf3557
```
#bf3557 rgb(191,53,87)
```
#35bf9d
```
#35bf9d rgb(53,191,157)
```

Complementary Color

#bf359c
```
#bf359c rgb(191,53,156)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#bf5835
```
#bf5835 rgb(191,88,53)
```

Analogous Color

#359cbf
```
#359cbf rgb(53,156,191)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#35bf58
```
#35bf58 rgb(53,191,88)
```

Split Complementary Color

#3557bf
```
#3557bf rgb(53,87,191)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#57bf35
```
#57bf35 rgb(87,191,53)
```

Triadic Color

#9d35bf
```
#9d35bf rgb(157,53,191)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#57bf35
```
#57bf35 rgb(87,191,53)
```
#35bf9d
```
#35bf9d rgb(53,191,157)
```

Tetradic Color

#83243c
```
#83243c rgb(131,36,60)
```
#972a45
```
#972a45 rgb(151,42,69)
```
#ab2f4e
```
#ab2f4e rgb(171,47,78)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#cb4364
```
#cb4364 rgb(203,67,100)
```
#d05775
```
#d05775 rgb(208,87,117)
```
#d66b85
```
#d66b85 rgb(214,107,133)
```

Monochromatic Color

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

#bf357a
```
#bf357a rgb(191,53,122)
```
#bf356e
```
#bf356e rgb(191,53,110)
```
#bf3563
```
#bf3563 rgb(191,53,99)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#bf354b
```
#bf354b rgb(191,53,75)
```
#bf3540
```
#bf3540 rgb(191,53,64)
```
#bf3635
```
#bf3635 rgb(191,54,53)
```

Similar Colors

Text with hexadecimal color #bf3557

This text has a font color of #bf3557.

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

#bf3557 background color

This paragraph has a background color of #bf3557.

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

#bf3557 border color

This element has a border color of #bf3557.

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

CSS codes

.text {color:#bf3557;}

.background {background-color:#bf3557;}

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

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

#070203
```
#070203 rgb(7,2,3)
```
#16060a
```
#16060a rgb(22,6,10)
```
#250a11
```
#250a11 rgb(37,10,17)
```
#350f18
```
#350f18 rgb(53,15,24)
```
#44131f
```
#44131f rgb(68,19,31)
```
#541726
```
#541726 rgb(84,23,38)
```
#631b2d
```
#631b2d rgb(99,27,45)
```
#722034
```
#722034 rgb(114,32,52)
```
#82243b
```
#82243b rgb(130,36,59)
```
#912842
```
#912842 rgb(145,40,66)
```
#a02c49
```
#a02c49 rgb(160,44,73)
```
#b03150
```
#b03150 rgb(176,49,80)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```

Shade Color Variation

#c93e60
```
#c93e60 rgb(201,62,96)
```
#ce4d6d
```
#ce4d6d rgb(206,77,109)
```
#d25d7a
```
#d25d7a rgb(210,93,122)
```
#d66c86
```
#d66c86 rgb(214,108,134)
```
#db7c93
```
#db7c93 rgb(219,124,147)
```
#df8ba0
```
#df8ba0 rgb(223,139,160)
```
#e39aac
```
#e39aac rgb(227,154,172)
```
#e7aab9
```
#e7aab9 rgb(231,170,185)
```
#ecb9c5
```
#ecb9c5 rgb(236,185,197)
```
#f0c8d2
```
#f0c8d2 rgb(240,200,210)
```
#f4d8df
```
#f4d8df rgb(244,216,223)
```
#f8e7eb
```
#f8e7eb rgb(248,231,235)
```
#fdf6f8
```
#fdf6f8 rgb(253,246,248)
```

Tint Color Variation

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

#7d7778
```
#7d7778 rgb(125,119,120)
```
#876d74
```
#876d74 rgb(135,109,116)
```
#90646f
```
#90646f rgb(144,100,111)
```
#995b6a
```
#995b6a rgb(153,91,106)
```
#a35165
```
#a35165 rgb(163,81,101)
```
#ac4861
```
#ac4861 rgb(172,72,97)
```
#b63e5c
```
#b63e5c rgb(182,62,92)
```
#bf3557
```
#bf3557 rgb(191,53,87)
```
#c82c52
```
#c82c52 rgb(200,44,82)
```
#d2224d
```
#d2224d rgb(210,34,77)
```
#db1949
```
#db1949 rgb(219,25,73)
```
#e50f44
```
#e50f44 rgb(229,15,68)
```
#ee063f
```
#ee063f rgb(238,6,63)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#755960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727075 Protanopia 1% of men
#846d56 Deuteranopia 1% of men
#c14447 Tritanopia 0.001% of the population

Trichromacy

#8e5b6a Protanomaly 1% of men, 0.01% of women
#9a5856 Deuteranomaly 6% of men, 0.4% of women
#c03e4d Tritanomaly 0.01% of the population