#ba3f4c hex color

In a RGB color space, hex #ba3f4c is composed of 72.9% red, 24.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 353.7 degrees, a saturation of 49.4% and a lightness of 48.8%. #ba3f4c color hex could be obtained by blending #ff7e98 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 25
- B 30
RGB color chart
- C 0
- M 66
- Y 59
- K 27
CMYK color chart

● #ba3f4c color description : Moderate red.

The hexadecimal color #ba3f4c has RGB values of R:186, G:63, B:76 and CMYK values of C:0, M:0.66, Y:0.59, K:0.27. Its decimal value is 12205900.

Hex triplet	ba3f4c	`#ba3f4c`
RGB Decimal	186, 63, 76	`rgb(186,63,76)`
RGB Percent	72.9, 24.7, 29.8	`rgb(72.9%,24.7%,29.8%)`
CMYK	0, 66, 59, 27
HSL	353.7°, 49.4, 48.8	`hsl(353.7,49.4%,48.8%)`
HSV (or HSB)	353.7°, 66.1, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.967, 50.282, 19.939
XYZ	23.333, 14.518, 8.411
xyY	0.504, 0.314, 14.518
CIE-LCH	44.967, 54.091, 21.631
CIE-LUV	44.967, 89.193, 13.012
Hunter-Lab	38.103, 42.625, 13.585
Binary	10111010, 00111111, 01001100

#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#3fbaad
```
#3fbaad rgb(63,186,173)
```

Complementary Color

#ba3f8a
```
#ba3f8a rgb(186,63,138)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#ba703f
```
#ba703f rgb(186,112,63)
```

Analogous Color

#3f8aba
```
#3f8aba rgb(63,138,186)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#3fba70
```
#3fba70 rgb(63,186,112)
```

Split Complementary Color

#3f4cba
```
#3f4cba rgb(63,76,186)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#4cba3f
```
#4cba3f rgb(76,186,63)
```

Triadic Color

#ad3fba
```
#ad3fba rgb(173,63,186)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#4cba3f
```
#4cba3f rgb(76,186,63)
```
#3fbaad
```
#3fbaad rgb(63,186,173)
```

Tetradic Color

#812c35
```
#812c35 rgb(129,44,53)
```
#94323c
```
#94323c rgb(148,50,60)
```
#a73944
```
#a73944 rgb(167,57,68)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#c34f5b
```
#c34f5b rgb(195,79,91)
```
#ca626d
```
#ca626d rgb(202,98,109)
```
#d0757f
```
#d0757f rgb(208,117,127)
```

Monochromatic Color

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

#ba3f6b
```
#ba3f6b rgb(186,63,107)
```
#ba3f60
```
#ba3f60 rgb(186,63,96)
```
#ba3f56
```
#ba3f56 rgb(186,63,86)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#ba3f42
```
#ba3f42 rgb(186,63,66)
```
#ba473f
```
#ba473f rgb(186,71,63)
```
#ba513f
```
#ba513f rgb(186,81,63)
```

Similar Colors

Text with hexadecimal color #ba3f4c

This text has a font color of #ba3f4c.

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

#ba3f4c background color

This paragraph has a background color of #ba3f4c.

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

#ba3f4c border color

This element has a border color of #ba3f4c.

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

CSS codes

.text {color:#ba3f4c;}

.background {background-color:#ba3f4c;}

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

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

#0a0304
```
#0a0304 rgb(10,3,4)
```
#19080a
```
#19080a rgb(25,8,10)
```
#270d10
```
#270d10 rgb(39,13,16)
```
#361216
```
#361216 rgb(54,18,22)
```
#45171c
```
#45171c rgb(69,23,28)
```
#531c22
```
#531c22 rgb(83,28,34)
```
#622128
```
#622128 rgb(98,33,40)
```
#71262e
```
#71262e rgb(113,38,46)
```
#7f2b34
```
#7f2b34 rgb(127,43,52)
```
#8e303a
```
#8e303a rgb(142,48,58)
```
#9d3540
```
#9d3540 rgb(157,53,64)
```
#ab3a46
```
#ab3a46 rgb(171,58,70)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```

Shade Color Variation

#c24b57
```
#c24b57 rgb(194,75,87)
```
#c75965
```
#c75965 rgb(199,89,101)
```
#cc6873
```
#cc6873 rgb(204,104,115)
```
#d17780
```
#d17780 rgb(209,119,128)
```
#d6858e
```
#d6858e rgb(214,133,142)
```
#db949b
```
#db949b rgb(219,148,155)
```
#e0a3a9
```
#e0a3a9 rgb(224,163,169)
```
#e5b1b7
```
#e5b1b7 rgb(229,177,183)
```
#eac0c4
```
#eac0c4 rgb(234,192,196)
```
#efcfd2
```
#efcfd2 rgb(239,207,210)
```
#f4dde0
```
#f4dde0 rgb(244,221,224)
```
#f9eced
```
#f9eced rgb(249,236,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#817879
```
#817879 rgb(129,120,121)
```
#8a6f72
```
#8a6f72 rgb(138,111,114)
```
#94656a
```
#94656a rgb(148,101,106)
```
#9d5c63
```
#9d5c63 rgb(157,92,99)
```
#a7525b
```
#a7525b rgb(167,82,91)
```
#b04954
```
#b04954 rgb(176,73,84)
```
#ba3f4c
```
#ba3f4c rgb(186,63,76)
```
#c43544
```
#c43544 rgb(196,53,68)
```
#cd2c3d
```
#cd2c3d rgb(205,44,61)
```
#d72235
```
#d72235 rgb(215,34,53)
```
#e0192e
```
#e0192e rgb(224,25,46)
```
#ea0f26
```
#ea0f26 rgb(234,15,38)
```
#f3061f
```
#f3061f rgb(243,6,31)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767165 Protanopia 1% of men
#886d4d Deuteranopia 1% of men
#bd4a4e Tritanopia 0.001% of the population

Trichromacy

#8f5f5c Protanomaly 1% of men, 0.01% of women
#9a5c4c Deuteranomaly 6% of men, 0.4% of women
#bc464d Tritanomaly 0.01% of the population

#ba3f4c hex color

#ba3f4c Color Information

#ba3f4c Color Conversion

Color Schemes with #ba3f4c

Alternatives to #ba3f4c

#ba3f4c Preview

Shades and Tints of #ba3f4c

Tones of #ba3f4c

Color Blindness Simulator