#ba6248 hex color

In a RGB color space, hex #ba6248 is composed of 72.9% red, 38.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.3% magenta, 61.3% yellow and 27.1% black. It has a hue angle of 13.7 degrees, a saturation of 45.2% and a lightness of 50.6%. #ba6248 color hex could be obtained by blending #ffc490 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 38
- B 28
RGB color chart
- C 0
- M 47
- Y 61
- K 27
CMYK color chart

● #ba6248 color description : Moderate red.

The hexadecimal color #ba6248 has RGB values of R:186, G:98, B:72 and CMYK values of C:0, M:0.47, Y:0.61, K:0.27. Its decimal value is 12214856.

Hex triplet	ba6248	`#ba6248`
RGB Decimal	186, 98, 72	`rgb(186,98,72)`
RGB Percent	72.9, 38.4, 28.2	`rgb(72.9%,38.4%,28.2%)`
CMYK	0, 47, 61, 27
HSL	13.7°, 45.2, 50.6	`hsl(13.7,45.2%,50.6%)`
HSV (or HSB)	13.7°, 61.3, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.433, 33.031, 30.572
XYZ	25.788, 19.644, 8.564
xyY	0.478, 0.364, 19.644
CIE-LCH	51.433, 45.007, 42.786
CIE-LUV	51.433, 66.968, 28.369
Hunter-Lab	44.322, 26.292, 19.569
Binary	10111010, 01100010, 01001000

#ba6248
```
#ba6248 rgb(186,98,72)
```
#48a0ba
```
#48a0ba rgb(72,160,186)
```

Complementary Color

#ba4867
```
#ba4867 rgb(186,72,103)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#ba9b48
```
#ba9b48 rgb(186,155,72)
```

Analogous Color

#4867ba
```
#4867ba rgb(72,103,186)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#48ba9b
```
#48ba9b rgb(72,186,155)
```

Split Complementary Color

#6248ba
```
#6248ba rgb(98,72,186)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#48ba62
```
#48ba62 rgb(72,186,98)
```

Triadic Color

#ba48a0
```
#ba48a0 rgb(186,72,160)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#48ba62
```
#48ba62 rgb(72,186,98)
```
#48a0ba
```
#48a0ba rgb(72,160,186)
```

Tetradic Color

#844432
```
#844432 rgb(132,68,50)
```
#964e39
```
#964e39 rgb(150,78,57)
```
#a95840
```
#a95840 rgb(169,88,64)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#c1725b
```
#c1725b rgb(193,114,91)
```
#c8826d
```
#c8826d rgb(200,130,109)
```
#cf9280
```
#cf9280 rgb(207,146,128)
```

Monochromatic Color

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

#ba484b
```
#ba484b rgb(186,72,75)
```
#ba4f48
```
#ba4f48 rgb(186,79,72)
```
#ba5948
```
#ba5948 rgb(186,89,72)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#ba6c48
```
#ba6c48 rgb(186,108,72)
```
#ba7548
```
#ba7548 rgb(186,117,72)
```
#ba7f48
```
#ba7f48 rgb(186,127,72)
```

Similar Colors

Text with hexadecimal color #ba6248

This text has a font color of #ba6248.

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

#ba6248 background color

This paragraph has a background color of #ba6248.

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

#ba6248 border color

This element has a border color of #ba6248.

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

CSS codes

.text {color:#ba6248;}

.background {background-color:#ba6248;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100906
```
#100906 rgb(16,9,6)
```
#1f100c
```
#1f100c rgb(31,16,12)
```
#2d1711
```
#2d1711 rgb(45,23,17)
```
#3b1f16
```
#3b1f16 rgb(59,31,22)
```
#49261c
```
#49261c rgb(73,38,28)
```
#582d21
```
#582d21 rgb(88,45,33)
```
#663526
```
#663526 rgb(102,53,38)
```
#743c2c
```
#743c2c rgb(116,60,44)
```
#824431
```
#824431 rgb(130,68,49)
```
#914b37
```
#914b37 rgb(145,75,55)
```
#9f523c
```
#9f523c rgb(159,82,60)
```
#ad5a41
```
#ad5a41 rgb(173,90,65)
```

Shade Color Variation

#ba6248
```
#ba6248 rgb(186,98,72)
```
#bf6e56
```
#bf6e56 rgb(191,110,86)
```
#c57a64
```
#c57a64 rgb(197,122,100)
```
#ca8773
```
#ca8773 rgb(202,135,115)
```
#cf9381
```
#cf9381 rgb(207,147,129)
```
#d59f8f
```
#d59f8f rgb(213,159,143)
```
#daab9d
```
#daab9d rgb(218,171,157)
```
#e0b8ac
```
#e0b8ac rgb(224,184,172)
```
#e5c4ba
```
#e5c4ba rgb(229,196,186)
```
#ead0c8
```
#ead0c8 rgb(234,208,200)
```
#f0dcd6
```
#f0dcd6 rgb(240,220,214)
```
#f5e8e5
```
#f5e8e5 rgb(245,232,229)
```
#faf5f3
```
#faf5f3 rgb(250,245,243)
```

Tint Color Variation

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

#8a7c78
```
#8a7c78 rgb(138,124,120)
```
#93776f
```
#93776f rgb(147,119,111)
```
#9d7265
```
#9d7265 rgb(157,114,101)
```
#a76d5b
```
#a76d5b rgb(167,109,91)
```
#b06752
```
#b06752 rgb(176,103,82)
```
#ba6248
```
#ba6248 rgb(186,98,72)
```
#c45d3e
```
#c45d3e rgb(196,93,62)
```
#cd5735
```
#cd5735 rgb(205,87,53)
```
#d7522b
```
#d7522b rgb(215,82,43)
```
#e14d21
```
#e14d21 rgb(225,77,33)
```
#ea4818
```
#ea4818 rgb(234,72,24)
```
#f4420e
```
#f4420e rgb(244,66,14)
```
#fe3d04
```
#fe3d04 rgb(254,61,4)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#86746f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8159 Protanopia 1% of men
#9c7b4c Deuteranopia 1% of men
#bf666d Tritanopia 0.001% of the population

Trichromacy

#9c7553 Protanomaly 1% of men, 0.01% of women
#a7724b Deuteranomaly 6% of men, 0.4% of women
#bd645f Tritanomaly 0.01% of the population

#ba6248 hex color

#ba6248 Color Information

#ba6248 Color Conversion

Color Schemes with #ba6248

Alternatives to #ba6248

#ba6248 Preview

Shades and Tints of #ba6248

Tones of #ba6248

Color Blindness Simulator