#ba6553 hex color

In a RGB color space, hex #ba6553 is composed of 72.9% red, 39.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 55.4% yellow and 27.1% black. It has a hue angle of 10.5 degrees, a saturation of 42.7% and a lightness of 52.7%. #ba6553 color hex could be obtained by blending #ffcaa6 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 40
- B 33
RGB color chart
- C 0
- M 46
- Y 55
- K 27
CMYK color chart

● #ba6553 color description : Moderate red.

The hexadecimal color #ba6553 has RGB values of R:186, G:101, B:83 and CMYK values of C:0, M:0.46, Y:0.55, K:0.27. Its decimal value is 12215635.

Hex triplet	ba6553	`#ba6553`
RGB Decimal	186, 101, 83	`rgb(186,101,83)`
RGB Percent	72.9, 39.6, 32.5	`rgb(72.9%,39.6%,32.5%)`
CMYK	0, 46, 55, 27
HSL	10.5°, 42.7, 52.7	`hsl(10.5,42.7%,52.7%)`
HSV (or HSB)	10.5°, 55.4, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.256, 32.291, 25.327
XYZ	26.465, 20.373, 10.722
xyY	0.46, 0.354, 20.373
CIE-LCH	52.256, 41.039, 38.109
CIE-LUV	52.256, 63.047, 23.831
Hunter-Lab	45.137, 25.673, 17.512
Binary	10111010, 01100101, 01010011

#ba6553
```
#ba6553 rgb(186,101,83)
```
#53a8ba
```
#53a8ba rgb(83,168,186)
```

Complementary Color

#ba5375
```
#ba5375 rgb(186,83,117)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#ba9953
```
#ba9953 rgb(186,153,83)
```

Analogous Color

#5375ba
```
#5375ba rgb(83,117,186)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#53ba99
```
#53ba99 rgb(83,186,153)
```

Split Complementary Color

#6553ba
```
#6553ba rgb(101,83,186)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#53ba65
```
#53ba65 rgb(83,186,101)
```

Triadic Color

#ba53a8
```
#ba53a8 rgb(186,83,168)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#53ba65
```
#53ba65 rgb(83,186,101)
```
#53a8ba
```
#53a8ba rgb(83,168,186)
```

Tetradic Color

#894537
```
#894537 rgb(137,69,55)
```
#9c4f3e
```
#9c4f3e rgb(156,79,62)
```
#ae5846
```
#ae5846 rgb(174,88,70)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#c17565
```
#c17565 rgb(193,117,101)
```
#c98677
```
#c98677 rgb(201,134,119)
```
#d0968a
```
#d0968a rgb(208,150,138)
```

Monochromatic Color

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

#ba535b
```
#ba535b rgb(186,83,91)
```
#ba5453
```
#ba5453 rgb(186,84,83)
```
#ba5c53
```
#ba5c53 rgb(186,92,83)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#ba6e53
```
#ba6e53 rgb(186,110,83)
```
#ba7653
```
#ba7653 rgb(186,118,83)
```
#ba7f53
```
#ba7f53 rgb(186,127,83)
```

Similar Colors

Text with hexadecimal color #ba6553

This text has a font color of #ba6553.

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

#ba6553 background color

This paragraph has a background color of #ba6553.

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

#ba6553 border color

This element has a border color of #ba6553.

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

CSS codes

.text {color:#ba6553;}

.background {background-color:#ba6553;}

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

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

#0a0504
```
#0a0504 rgb(10,5,4)
```
#180c0a
```
#180c0a rgb(24,12,10)
```
#26130f
```
#26130f rgb(38,19,15)
```
#341a15
```
#341a15 rgb(52,26,21)
```
#42211a
```
#42211a rgb(66,33,26)
```
#502820
```
#502820 rgb(80,40,32)
```
#5e3026
```
#5e3026 rgb(94,48,38)
```
#6c372b
```
#6c372b rgb(108,55,43)
```
#7a3e31
```
#7a3e31 rgb(122,62,49)
```
#884537
```
#884537 rgb(136,69,55)
```
#964c3c
```
#964c3c rgb(150,76,60)
```
#a45342
```
#a45342 rgb(164,83,66)
```
#b25a47
```
#b25a47 rgb(178,90,71)
```

Shade Color Variation

#ba6553
```
#ba6553 rgb(186,101,83)
```
#c07261
```
#c07261 rgb(192,114,97)
```
#c57e6f
```
#c57e6f rgb(197,126,111)
```
#cb8b7d
```
#cb8b7d rgb(203,139,125)
```
#d0978b
```
#d0978b rgb(208,151,139)
```
#d6a499
```
#d6a499 rgb(214,164,153)
```
#dcb0a7
```
#dcb0a7 rgb(220,176,167)
```
#e1bdb5
```
#e1bdb5 rgb(225,189,181)
```
#e7c9c3
```
#e7c9c3 rgb(231,201,195)
```
#edd6d1
```
#edd6d1 rgb(237,214,209)
```
#f2e2df
```
#f2e2df rgb(242,226,223)
```
#f8efed
```
#f8efed rgb(248,239,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#8c8381
```
#8c8381 rgb(140,131,129)
```
#957d78
```
#957d78 rgb(149,125,120)
```
#9e776f
```
#9e776f rgb(158,119,111)
```
#a77166
```
#a77166 rgb(167,113,102)
```
#b16b5c
```
#b16b5c rgb(177,107,92)
```
#ba6553
```
#ba6553 rgb(186,101,83)
```
#c35f4a
```
#c35f4a rgb(195,95,74)
```
#cd5940
```
#cd5940 rgb(205,89,64)
```
#d65337
```
#d65337 rgb(214,83,55)
```
#df4d2e
```
#df4d2e rgb(223,77,46)
```
#e84725
```
#e84725 rgb(232,71,37)
```
#f2411b
```
#f2411b rgb(242,65,27)
```
#fb3b12
```
#fb3b12 rgb(251,59,18)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#887774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8364 Protanopia 1% of men
#9d7e57 Deuteranopia 1% of men
#bf6a70 Tritanopia 0.001% of the population

Trichromacy

#9c785e Protanomaly 1% of men, 0.01% of women
#a77455 Deuteranomaly 6% of men, 0.4% of women
#bd6866 Tritanomaly 0.01% of the population

#ba6553 hex color

#ba6553 Color Information

#ba6553 Color Conversion

Color Schemes with #ba6553

Alternatives to #ba6553

#ba6553 Preview

Shades and Tints of #ba6553

Tones of #ba6553

Color Blindness Simulator