#ba645e hex color

In a RGB color space, hex #ba645e is composed of 72.9% red, 39.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 49.5% yellow and 27.1% black. It has a hue angle of 3.9 degrees, a saturation of 40% and a lightness of 54.9%. #ba645e color hex could be obtained by blending #ffc8bc with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 39
- B 37
RGB color chart
- C 0
- M 46
- Y 49
- K 27
CMYK color chart

● #ba645e color description : Slightly desaturated red.

The hexadecimal color #ba645e has RGB values of R:186, G:100, B:94 and CMYK values of C:0, M:0.46, Y:0.49, K:0.27. Its decimal value is 12215390.

Hex triplet	ba645e	`#ba645e`
RGB Decimal	186, 100, 94	`rgb(186,100,94)`
RGB Percent	72.9, 39.2, 36.9	`rgb(72.9%,39.2%,36.9%)`
CMYK	0, 46, 49, 27
HSL	3.9°, 40, 54.9	`hsl(3.9,40%,54.9%)`
HSV (or HSB)	3.9°, 49.5, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.246, 33.82, 18.914
XYZ	26.828, 20.364, 13.107
xyY	0.445, 0.338, 20.364
CIE-LCH	52.246, 38.75, 29.217
CIE-LUV	52.246, 61.765, 16.884
Hunter-Lab	45.126, 27.149, 14.368
Binary	10111010, 01100100, 01011110

#ba645e
```
#ba645e rgb(186,100,94)
```
#5eb4ba
```
#5eb4ba rgb(94,180,186)
```

Complementary Color

#ba5e86
```
#ba5e86 rgb(186,94,134)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#ba925e
```
#ba925e rgb(186,146,94)
```

Analogous Color

#5e86ba
```
#5e86ba rgb(94,134,186)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#5eba92
```
#5eba92 rgb(94,186,146)
```

Split Complementary Color

#645eba
```
#645eba rgb(100,94,186)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#5eba64
```
#5eba64 rgb(94,186,100)
```

Triadic Color

#ba5eb4
```
#ba5eb4 rgb(186,94,180)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#5eba64
```
#5eba64 rgb(94,186,100)
```
#5eb4ba
```
#5eb4ba rgb(94,180,186)
```

Tetradic Color

#8e423d
```
#8e423d rgb(142,66,61)
```
#a04b45
```
#a04b45 rgb(160,75,69)
```
#b2534c
```
#b2534c rgb(178,83,76)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#c27570
```
#c27570 rgb(194,117,112)
```
#c98682
```
#c98682 rgb(201,134,130)
```
#d19894
```
#d19894 rgb(209,152,148)
```

Monochromatic Color

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

#ba5e6f
```
#ba5e6f rgb(186,94,111)
```
#ba5e67
```
#ba5e67 rgb(186,94,103)
```
#ba5e60
```
#ba5e60 rgb(186,94,96)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#ba6c5e
```
#ba6c5e rgb(186,108,94)
```
#ba735e
```
#ba735e rgb(186,115,94)
```
#ba7b5e
```
#ba7b5e rgb(186,123,94)
```

Similar Colors

Text with hexadecimal color #ba645e

This text has a font color of #ba645e.

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

#ba645e background color

This paragraph has a background color of #ba645e.

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

#ba645e border color

This element has a border color of #ba645e.

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

CSS codes

.text {color:#ba645e;}

.background {background-color:#ba645e;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#120808
```
#120808 rgb(18,8,8)
```
#1f0f0d
```
#1f0f0d rgb(31,15,13)
```
#2d1513
```
#2d1513 rgb(45,21,19)
```
#3b1b19
```
#3b1b19 rgb(59,27,25)
```
#48221f
```
#48221f rgb(72,34,31)
```
#562825
```
#562825 rgb(86,40,37)
```
#642f2b
```
#642f2b rgb(100,47,43)
```
#723531
```
#723531 rgb(114,53,49)
```
#7f3b37
```
#7f3b37 rgb(127,59,55)
```
#8d423c
```
#8d423c rgb(141,66,60)
```
#9b4842
```
#9b4842 rgb(155,72,66)
```
#a94f48
```
#a94f48 rgb(169,79,72)
```

Shade Color Variation

#b45750
```
#b45750 rgb(180,87,80)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#c0716c
```
#c0716c rgb(192,113,108)
```
#c67e79
```
#c67e79 rgb(198,126,121)
```
#cc8c87
```
#cc8c87 rgb(204,140,135)
```
#d29995
```
#d29995 rgb(210,153,149)
```
#d7a6a3
```
#d7a6a3 rgb(215,166,163)
```
#ddb3b0
```
#ddb3b0 rgb(221,179,176)
```
#e3c1be
```
#e3c1be rgb(227,193,190)
```
#e9cecc
```
#e9cecc rgb(233,206,204)
```
#efdbda
```
#efdbda rgb(239,219,218)
```
#f5e8e7
```
#f5e8e7 rgb(245,232,231)
```
#fbf5f5
```
#fbf5f5 rgb(251,245,245)
```

Tint Color Variation

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

#8e8a8a
```
#8e8a8a rgb(142,138,138)
```
#978381
```
#978381 rgb(151,131,129)
```
#9f7b79
```
#9f7b79 rgb(159,123,121)
```
#a87370
```
#a87370 rgb(168,115,112)
```
#b16c67
```
#b16c67 rgb(177,108,103)
```
#ba645e
```
#ba645e rgb(186,100,94)
```
#c35c55
```
#c35c55 rgb(195,92,85)
```
#cc554c
```
#cc554c rgb(204,85,76)
```
#d54d43
```
#d54d43 rgb(213,77,67)
```
#dd453b
```
#dd453b rgb(221,69,59)
```
#e63e32
```
#e63e32 rgb(230,62,50)
```
#ef3629
```
#ef3629 rgb(239,54,41)
```
#f82e20
```
#f82e20 rgb(248,46,32)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8370 Protanopia 1% of men
#9a7e61 Deuteranopia 1% of men
#be6a71 Tritanopia 0.001% of the population

Trichromacy

#9b7769 Protanomaly 1% of men, 0.01% of women
#a67460 Deuteranomaly 6% of men, 0.4% of women
#bc686a Tritanomaly 0.01% of the population

#ba645e hex color

#ba645e Color Information

#ba645e Color Conversion

Color Schemes with #ba645e

Alternatives to #ba645e

#ba645e Preview

Shades and Tints of #ba645e

Tones of #ba645e

Color Blindness Simulator