#ba905f hex color

In a RGB color space, hex #ba905f is composed of 72.9% red, 56.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 32.3 degrees, a saturation of 39.7% and a lightness of 55.1%. #ba905f color hex could be obtained by blending #ffffbe with #752100. Closest websafe color is: #cc9966.

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

● #ba905f color description : Slightly desaturated orange.

The hexadecimal color #ba905f has RGB values of R:186, G:144, B:95 and CMYK values of C:0, M:0.23, Y:0.49, K:0.27. Its decimal value is 12226655.

Hex triplet	ba905f	`#ba905f`
RGB Decimal	186, 144, 95	`rgb(186,144,95)`
RGB Percent	72.9, 56.5, 37.3	`rgb(72.9%,56.5%,37.3%)`
CMYK	0, 23, 49, 27
HSL	32.3°, 39.7, 55.1	`hsl(32.3,39.7%,55.1%)`
HSV (or HSB)	32.3°, 48.9, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.687, 9.709, 32.031
XYZ	32.289, 31.213, 15.15
xyY	0.411, 0.397, 31.213
CIE-LCH	62.687, 33.47, 73.137
CIE-LUV	62.687, 31.566, 37.672
Hunter-Lab	55.869, 5.391, 23.031
Binary	10111010, 10010000, 01011111

#ba905f
```
#ba905f rgb(186,144,95)
```
#5f89ba
```
#5f89ba rgb(95,137,186)
```

Complementary Color

#ba635f
```
#ba635f rgb(186,99,95)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#b7ba5f
```
#b7ba5f rgb(183,186,95)
```

Analogous Color

#635fba
```
#635fba rgb(99,95,186)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#5fb7ba
```
#5fb7ba rgb(95,183,186)
```

Split Complementary Color

#905fba
```
#905fba rgb(144,95,186)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#5fba90
```
#5fba90 rgb(95,186,144)
```

Triadic Color

#ba5f89
```
#ba5f89 rgb(186,95,137)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#5fba90
```
#5fba90 rgb(95,186,144)
```
#5f89ba
```
#5f89ba rgb(95,137,186)
```

Tetradic Color

#8f693e
```
#8f693e rgb(143,105,62)
```
#a17745
```
#a17745 rgb(161,119,69)
```
#b2844d
```
#b2844d rgb(178,132,77)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#c29c71
```
#c29c71 rgb(194,156,113)
```
#c9a983
```
#c9a983 rgb(201,169,131)
```
#d1b594
```
#d1b594 rgb(209,181,148)
```

Monochromatic Color

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

#ba795f
```
#ba795f rgb(186,121,95)
```
#ba815f
```
#ba815f rgb(186,129,95)
```
#ba885f
```
#ba885f rgb(186,136,95)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#ba985f
```
#ba985f rgb(186,152,95)
```
#ba9f5f
```
#ba9f5f rgb(186,159,95)
```
#baa75f
```
#baa75f rgb(186,167,95)
```

Similar Colors

Text with hexadecimal color #ba905f

This text has a font color of #ba905f.

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

#ba905f background color

This paragraph has a background color of #ba905f.

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

#ba905f border color

This element has a border color of #ba905f.

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

CSS codes

.text {color:#ba905f;}

.background {background-color:#ba905f;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120d08
```
#120d08 rgb(18,13,8)
```
#20180e
```
#20180e rgb(32,24,14)
```
#2e2214
```
#2e2214 rgb(46,34,20)
```
#3b2c1a
```
#3b2c1a rgb(59,44,26)
```
#49361f
```
#49361f rgb(73,54,31)
```
#574025
```
#574025 rgb(87,64,37)
```
#644a2b
```
#644a2b rgb(100,74,43)
```
#725431
```
#725431 rgb(114,84,49)
```
#805e37
```
#805e37 rgb(128,94,55)
```
#8e683d
```
#8e683d rgb(142,104,61)
```
#9b7243
```
#9b7243 rgb(155,114,67)
```
#a97d49
```
#a97d49 rgb(169,125,73)
```

Shade Color Variation

#b48651
```
#b48651 rgb(180,134,81)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#c09a6d
```
#c09a6d rgb(192,154,109)
```
#c6a37a
```
#c6a37a rgb(198,163,122)
```
#ccad88
```
#ccad88 rgb(204,173,136)
```
#d2b696
```
#d2b696 rgb(210,182,150)
```
#d8c0a4
```
#d8c0a4 rgb(216,192,164)
```
#ddc9b1
```
#ddc9b1 rgb(221,201,177)
```
#e3d3bf
```
#e3d3bf rgb(227,211,191)
```
#e9dccd
```
#e9dccd rgb(233,220,205)
```
#efe6da
```
#efe6da rgb(239,230,218)
```
#f5efe8
```
#f5efe8 rgb(245,239,232)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,246)
```

Tint Color Variation

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

#8e8d8b
```
#8e8d8b rgb(142,141,139)
```
#978d82
```
#978d82 rgb(151,141,130)
```
#a08e79
```
#a08e79 rgb(160,142,121)
```
#a88f71
```
#a88f71 rgb(168,143,113)
```
#b18f68
```
#b18f68 rgb(177,143,104)
```
#ba905f
```
#ba905f rgb(186,144,95)
```
#c39156
```
#c39156 rgb(195,145,86)
```
#cc914d
```
#cc914d rgb(204,145,77)
```
#d49245
```
#d49245 rgb(212,146,69)
```
#dd933c
```
#dd933c rgb(221,147,60)
```
#e69333
```
#e69333 rgb(230,147,51)
```
#ef942a
```
#ef942a rgb(239,148,42)
```
#f89521
```
#f89521 rgb(248,149,33)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9e968c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99c69 Protanopia 1% of men
#bb9667 Deuteranopia 1% of men
#c28f99 Tritanopia 0.001% of the population

Trichromacy

#af9865 Protanomaly 1% of men, 0.01% of women
#bb9464 Deuteranomaly 6% of men, 0.4% of women
#bf8f84 Tritanomaly 0.01% of the population

#ba905f hex color

#ba905f Color Information

#ba905f Color Conversion

Color Schemes with #ba905f

Alternatives to #ba905f

#ba905f Preview

Shades and Tints of #ba905f

Tones of #ba905f

Color Blindness Simulator