colorhexa.com

#ba3d3f hex color

In a RGB color space, hex #ba3d3f is composed of 72.9% red, 23.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 359 degrees, a saturation of 50.6% and a lightness of 48.4%. #ba3d3f color hex could be obtained by blending #ff7a7e with #750000. Closest websafe color is: #cc3333.

- R 73
- G 24
- B 25
RGB color chart
- C 0
- M 67
- Y 66
- K 27
CMYK color chart

● #ba3d3f color description : Moderate red.

The hexadecimal color #ba3d3f has RGB values of R:186, G:61, B:63 and CMYK values of C:0, M:0.67, Y:0.66, K:0.27. Its decimal value is 12205375.

Hex triplet	ba3d3f	`#ba3d3f`
RGB Decimal	186, 61, 63	`rgb(186,61,63)`
RGB Percent	72.9, 23.9, 24.7	`rgb(72.9%,23.9%,24.7%)`
CMYK	0, 67, 66, 27
HSL	359°, 50.6, 48.4	`hsl(359,50.6%,48.4%)`
HSV (or HSB)	359°, 67.2, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.43, 50.272, 27.123
XYZ	22.817, 14.138, 6.23
xyY	0.528, 0.327, 14.138
CIE-LCH	44.43, 57.122, 28.348
CIE-LUV	44.43, 93.615, 19.323
Hunter-Lab	37.6, 42.516, 16.497
Binary	10111010, 00111101, 00111111

#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#3dbab8
```
#3dbab8 rgb(61,186,184)
```

Complementary Color

#ba3d7e
```
#ba3d7e rgb(186,61,126)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#ba7a3d
```
#ba7a3d rgb(186,122,61)
```

Analogous Color

#3d7eba
```
#3d7eba rgb(61,126,186)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#3dba7a
```
#3dba7a rgb(61,186,122)
```

Split Complementary Color

#3d3fba
```
#3d3fba rgb(61,63,186)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#3fba3d
```
#3fba3d rgb(63,186,61)
```

Triadic Color

#b83dba
```
#b83dba rgb(184,61,186)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#3fba3d
```
#3fba3d rgb(63,186,61)
```
#3dbab8
```
#3dbab8 rgb(61,186,184)
```

Tetradic Color

#802a2b
```
#802a2b rgb(128,42,43)
```
#943032
```
#943032 rgb(148,48,50)
```
#a73738
```
#a73738 rgb(167,55,56)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#c44c4e
```
#c44c4e rgb(196,76,78)
```
#cb5f61
```
#cb5f61 rgb(203,95,97)
```
#d17374
```
#d17374 rgb(209,115,116)
```

Monochromatic Color

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

#ba3d5e
```
#ba3d5e rgb(186,61,94)
```
#ba3d54
```
#ba3d54 rgb(186,61,84)
```
#ba3d49
```
#ba3d49 rgb(186,61,73)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#ba453d
```
#ba453d rgb(186,69,61)
```
#ba503d
```
#ba503d rgb(186,80,61)
```
#ba5a3d
```
#ba5a3d rgb(186,90,61)
```

Similar Colors

Text with hexadecimal color #ba3d3f

This text has a font color of #ba3d3f.

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

#ba3d3f background color

This paragraph has a background color of #ba3d3f.

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

#ba3d3f border color

This element has a border color of #ba3d3f.

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

CSS codes

.text {color:#ba3d3f;}

.background {background-color:#ba3d3f;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#180808
```
#180808 rgb(24,8,8)
```
#260d0d
```
#260d0d rgb(38,13,13)
```
#351112
```
#351112 rgb(53,17,18)
```
#441617
```
#441617 rgb(68,22,23)
```
#531b1c
```
#531b1c rgb(83,27,28)
```
#612021
```
#612021 rgb(97,32,33)
```
#702526
```
#702526 rgb(112,37,38)
```
#7f2a2b
```
#7f2a2b rgb(127,42,43)
```
#8e2e30
```
#8e2e30 rgb(142,46,48)
```
#9c3335
```
#9c3335 rgb(156,51,53)
```
#ab383a
```
#ab383a rgb(171,56,58)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```

Shade Color Variation

#c3484a
```
#c3484a rgb(195,72,74)
```
#c85658
```
#c85658 rgb(200,86,88)
```
#cd6567
```
#cd6567 rgb(205,101,103)
```
#d17476
```
#d17476 rgb(209,116,118)
```
#d68384
```
#d68384 rgb(214,131,132)
```
#db9293
```
#db9293 rgb(219,146,147)
```
#e0a0a1
```
#e0a0a1 rgb(224,160,161)
```
#e5afb0
```
#e5afb0 rgb(229,175,176)
```
#eabebf
```
#eabebf rgb(234,190,191)
```
#eecdcd
```
#eecdcd rgb(238,205,205)
```
#f3dbdc
```
#f3dbdc rgb(243,219,220)
```
#f8eaea
```
#f8eaea rgb(248,234,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#817676
```
#817676 rgb(129,118,118)
```
#8b6d6d
```
#8b6d6d rgb(139,109,109)
```
#946364
```
#946364 rgb(148,99,100)
```
#9e5a5b
```
#9e5a5b rgb(158,90,91)
```
#a75051
```
#a75051 rgb(167,80,81)
```
#b14748
```
#b14748 rgb(177,71,72)
```
#ba3d3f
```
#ba3d3f rgb(186,61,63)
```
#c43436
```
#c43436 rgb(196,52,54)
```
#cd2a2d
```
#cd2a2d rgb(205,42,45)
```
#d72123
```
#d72123 rgb(215,33,35)
```
#e0171a
```
#e0171a rgb(224,23,26)
```
#ea0e11
```
#ea0e11 rgb(234,14,17)
```
#f30408
```
#f30408 rgb(243,4,8)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#787058 Protanopia 1% of men
#886b40 Deuteranopia 1% of men
#bd464a Tritanopia 0.001% of the population

Trichromacy

#905d4e Protanomaly 1% of men, 0.01% of women
#9a5a40 Deuteranomaly 6% of men, 0.4% of women
#bc4346 Tritanomaly 0.01% of the population