#ba955c hex color

In a RGB color space, hex #ba955c is composed of 72.9% red, 58.4% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.9% magenta, 50.5% yellow and 27.1% black. It has a hue angle of 36.4 degrees, a saturation of 40.5% and a lightness of 54.5%. #ba955c color hex could be obtained by blending #ffffb8 with #752b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 58
- B 36
RGB color chart
- C 0
- M 20
- Y 51
- K 27
CMYK color chart

● #ba955c color description : Moderate orange.

The hexadecimal color #ba955c has RGB values of R:186, G:149, B:92 and CMYK values of C:0, M:0.2, Y:0.51, K:0.27. Its decimal value is 12227932.

Hex triplet	ba955c	`#ba955c`
RGB Decimal	186, 149, 92	`rgb(186,149,92)`
RGB Percent	72.9, 58.4, 36.1	`rgb(72.9%,58.4%,36.1%)`
CMYK	0, 20, 51, 27
HSL	36.4°, 40.5, 54.5	`hsl(36.4,40.5%,54.5%)`
HSV (or HSB)	36.4°, 50.5, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.924, 6.671, 35.191
XYZ	32.929, 32.708, 14.703
xyY	0.41, 0.407, 32.708
CIE-LCH	63.924, 35.818, 79.267
CIE-LUV	63.924, 28.415, 41.746
Hunter-Lab	57.191, 2.692, 24.791
Binary	10111010, 10010101, 01011100

#ba955c
```
#ba955c rgb(186,149,92)
```
#5c81ba
```
#5c81ba rgb(92,129,186)
```

Complementary Color

#ba665c
```
#ba665c rgb(186,102,92)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#b0ba5c
```
#b0ba5c rgb(176,186,92)
```

Analogous Color

#665cba
```
#665cba rgb(102,92,186)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#5cb0ba
```
#5cb0ba rgb(92,176,186)
```

Split Complementary Color

#955cba
```
#955cba rgb(149,92,186)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#5cba95
```
#5cba95 rgb(92,186,149)
```

Triadic Color

#ba5c81
```
#ba5c81 rgb(186,92,129)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#5cba95
```
#5cba95 rgb(92,186,149)
```
#5c81ba
```
#5c81ba rgb(92,129,186)
```

Tetradic Color

#8e6d3c
```
#8e6d3c rgb(142,109,60)
```
#9f7b44
```
#9f7b44 rgb(159,123,68)
```
#b1894b
```
#b1894b rgb(177,137,75)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#c2a16e
```
#c2a16e rgb(194,161,110)
```
#c9ac80
```
#c9ac80 rgb(201,172,128)
```
#d1b892
```
#d1b892 rgb(209,184,146)
```

Monochromatic Color

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

#ba7e5c
```
#ba7e5c rgb(186,126,92)
```
#ba855c
```
#ba855c rgb(186,133,92)
```
#ba8d5c
```
#ba8d5c rgb(186,141,92)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#ba9d5c
```
#ba9d5c rgb(186,157,92)
```
#baa55c
```
#baa55c rgb(186,165,92)
```
#baad5c
```
#baad5c rgb(186,173,92)
```

Similar Colors

Text with hexadecimal color #ba955c

This text has a font color of #ba955c.

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

#ba955c background color

This paragraph has a background color of #ba955c.

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

#ba955c border color

This element has a border color of #ba955c.

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

CSS codes

.text {color:#ba955c;}

.background {background-color:#ba955c;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100c07
```
#100c07 rgb(16,12,7)
```
#1e170d
```
#1e170d rgb(30,23,13)
```
#2c2213
```
#2c2213 rgb(44,34,19)
```
#3a2c18
```
#3a2c18 rgb(58,44,24)
```
#47371e
```
#47371e rgb(71,55,30)
```
#554224
```
#554224 rgb(85,66,36)
```
#634c2a
```
#634c2a rgb(99,76,42)
```
#715730
```
#715730 rgb(113,87,48)
```
#7e6236
```
#7e6236 rgb(126,98,54)
```
#8c6c3b
```
#8c6c3b rgb(140,108,59)
```
#9a7741
```
#9a7741 rgb(154,119,65)
```
#a88247
```
#a88247 rgb(168,130,71)
```

Shade Color Variation

#b48c4e
```
#b48c4e rgb(180,140,78)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#c09e6a
```
#c09e6a rgb(192,158,106)
```
#c6a778
```
#c6a778 rgb(198,167,120)
```
#ccb085
```
#ccb085 rgb(204,176,133)
```
#d1b993
```
#d1b993 rgb(209,185,147)
```
#d7c2a1
```
#d7c2a1 rgb(215,194,161)
```
#ddcbaf
```
#ddcbaf rgb(221,203,175)
```
#e3d4bc
```
#e3d4bc rgb(227,212,188)
```
#e9ddca
```
#e9ddca rgb(233,221,202)
```
#efe6d8
```
#efe6d8 rgb(239,230,216)
```
#f4efe6
```
#f4efe6 rgb(244,239,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#8d8c89
```
#8d8c89 rgb(141,140,137)
```
#968d80
```
#968d80 rgb(150,141,128)
```
#9f8f77
```
#9f8f77 rgb(159,143,119)
```
#a8916e
```
#a8916e rgb(168,145,110)
```
#b19365
```
#b19365 rgb(177,147,101)
```
#ba955c
```
#ba955c rgb(186,149,92)
```
#c39753
```
#c39753 rgb(195,151,83)
```
#cc994a
```
#cc994a rgb(204,153,74)
```
#d59b41
```
#d59b41 rgb(213,155,65)
```
#de9d38
```
#de9d38 rgb(222,157,56)
```
#e79e2f
```
#e79e2f rgb(231,158,47)
```
#f0a026
```
#f0a026 rgb(240,160,38)
```
#f8a21e
```
#f8a21e rgb(248,162,30)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a0998e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea066 Protanopia 1% of men
#c09964 Deuteranopia 1% of men
#c3939d Tritanopia 0.001% of the population

Trichromacy

#b29c62 Protanomaly 1% of men, 0.01% of women
#be9761 Deuteranomaly 6% of men, 0.4% of women
#bf9485 Tritanomaly 0.01% of the population

#ba955c hex color

#ba955c Color Information

#ba955c Color Conversion

Color Schemes with #ba955c

Alternatives to #ba955c

#ba955c Preview

Shades and Tints of #ba955c

Tones of #ba955c

Color Blindness Simulator