colorhexa.com

#ba2d44 hex color

In a RGB color space, hex #ba2d44 is composed of 72.9% red, 17.6% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 63.4% yellow and 27.1% black. It has a hue angle of 350.2 degrees, a saturation of 61% and a lightness of 45.3%. #ba2d44 color hex could be obtained by blending #ff5a88 with #750000. Closest websafe color is: #cc3333.

- R 73
- G 18
- B 27
RGB color chart
- C 0
- M 76
- Y 63
- K 27
CMYK color chart

● #ba2d44 color description : Strong red.

The hexadecimal color #ba2d44 has RGB values of R:186, G:45, B:68 and CMYK values of C:0, M:0.76, Y:0.63, K:0.27. Its decimal value is 12201284.

Hex triplet	ba2d44	`#ba2d44`
RGB Decimal	186, 45, 68	`rgb(186,45,68)`
RGB Percent	72.9, 17.6, 26.7	`rgb(72.9%,17.6%,26.7%)`
CMYK	0, 76, 63, 27
HSL	350.2°, 61, 45.3	`hsl(350.2,61%,45.3%)`
HSV (or HSB)	350.2°, 75.8, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.362, 56.51, 21.446
XYZ	22.232, 12.736, 6.756
xyY	0.533, 0.305, 12.736
CIE-LCH	42.362, 60.443, 20.782
CIE-LUV	42.362, 100.755, 12.375
Hunter-Lab	35.687, 48.749, 13.757
Binary	10111010, 00101101, 01000100

#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#2dbaa3
```
#2dbaa3 rgb(45,186,163)
```

Complementary Color

#ba2d8b
```
#ba2d8b rgb(186,45,139)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#ba5c2d
```
#ba5c2d rgb(186,92,45)
```

Analogous Color

#2d8bba
```
#2d8bba rgb(45,139,186)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#2dba5d
```
#2dba5d rgb(45,186,93)
```

Split Complementary Color

#2d44ba
```
#2d44ba rgb(45,68,186)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#44ba2d
```
#44ba2d rgb(68,186,45)
```

Triadic Color

#a32dba
```
#a32dba rgb(163,45,186)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#44ba2d
```
#44ba2d rgb(68,186,45)
```
#2dbaa3
```
#2dbaa3 rgb(45,186,163)
```

Tetradic Color

#7c1e2d
```
#7c1e2d rgb(124,30,45)
```
#912335
```
#912335 rgb(145,35,53)
```
#a5283c
```
#a5283c rgb(165,40,60)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#ce334c
```
#ce334c rgb(206,51,76)
```
#d3475e
```
#d3475e rgb(211,71,94)
```
#d85c70
```
#d85c70 rgb(216,92,112)
```

Monochromatic Color

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

#ba2d67
```
#ba2d67 rgb(186,45,103)
```
#ba2d5c
```
#ba2d5c rgb(186,45,92)
```
#ba2d50
```
#ba2d50 rgb(186,45,80)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#ba2d38
```
#ba2d38 rgb(186,45,56)
```
#ba2d2d
```
#ba2d2d rgb(186,45,45)
```
#ba392d
```
#ba392d rgb(186,57,45)
```

Similar Colors

Text with hexadecimal color #ba2d44

This text has a font color of #ba2d44.

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

#ba2d44 background color

This paragraph has a background color of #ba2d44.

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

#ba2d44 border color

This element has a border color of #ba2d44.

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

CSS codes

.text {color:#ba2d44;}

.background {background-color:#ba2d44;}

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

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

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1c070a
```
#1c070a rgb(28,7,10)
```
#2c0b10
```
#2c0b10 rgb(44,11,16)
```
#3c0e16
```
#3c0e16 rgb(60,14,22)
```
#4b121c
```
#4b121c rgb(75,18,28)
```
#5b1621
```
#5b1621 rgb(91,22,33)
```
#6b1a27
```
#6b1a27 rgb(107,26,39)
```
#7b1e2d
```
#7b1e2d rgb(123,30,45)
```
#8b2233
```
#8b2233 rgb(139,34,51)
```
#9a2538
```
#9a2538 rgb(154,37,56)
```
#aa293e
```
#aa293e rgb(170,41,62)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#ca314a
```
#ca314a rgb(202,49,74)
```

Shade Color Variation

#d03e56
```
#d03e56 rgb(208,62,86)
```
#d44e64
```
#d44e64 rgb(212,78,100)
```
#d85e71
```
#d85e71 rgb(216,94,113)
```
#dc6d7f
```
#dc6d7f rgb(220,109,127)
```
#e07d8d
```
#e07d8d rgb(224,125,141)
```
#e38d9b
```
#e38d9b rgb(227,141,155)
```
#e79da9
```
#e79da9 rgb(231,157,169)
```
#ebacb7
```
#ebacb7 rgb(235,172,183)
```
#efbcc5
```
#efbcc5 rgb(239,188,197)
```
#f3ccd2
```
#f3ccd2 rgb(243,204,210)
```
#f7dce0
```
#f7dce0 rgb(247,220,224)
```
#faecee
```
#faecee rgb(250,236,238)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#7c6b6e
```
#7c6b6e rgb(124,107,110)
```
#856268
```
#856268 rgb(133,98,104)
```
#8e5962
```
#8e5962 rgb(142,89,98)
```
#96515c
```
#96515c rgb(150,81,92)
```
#9f4856
```
#9f4856 rgb(159,72,86)
```
#a83f50
```
#a83f50 rgb(168,63,80)
```
#b1364a
```
#b1364a rgb(177,54,74)
```
#ba2d44
```
#ba2d44 rgb(186,45,68)
```
#c3243e
```
#c3243e rgb(195,36,62)
```
#cc1b38
```
#cc1b38 rgb(204,27,56)
```
#d51232
```
#d51232 rgb(213,18,50)
```
#de092c
```
#de092c rgb(222,9,44)
```
#e60126
```
#e60126 rgb(230,1,38)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d5156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b61 Protanopia 1% of men
#816744 Deuteranopia 1% of men
#bc3b3d Tritanopia 0.001% of the population

Trichromacy

#8b5456 Protanomaly 1% of men, 0.01% of women
#965244 Deuteranomaly 6% of men, 0.4% of women
#bb363f Tritanomaly 0.01% of the population