#bba18f hex color

In a RGB color space, hex #bba18f is composed of 73.3% red, 63.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 24.5 degrees, a saturation of 24.4% and a lightness of 64.7%. #bba18f color hex could be obtained by blending #ffffff with #77431f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 63
- B 56
RGB color chart
- C 0
- M 14
- Y 24
- K 27
CMYK color chart

● #bba18f color description : Grayish orange.

The hexadecimal color #bba18f has RGB values of R:187, G:161, B:143 and CMYK values of C:0, M:0.14, Y:0.24, K:0.27. Its decimal value is 12296591.

Hex triplet	bba18f	`#bba18f`
RGB Decimal	187, 161, 143	`rgb(187,161,143)`
RGB Percent	73.3, 63.1, 56.1	`rgb(73.3%,63.1%,56.1%)`
CMYK	0, 14, 24, 27
HSL	24.5°, 24.4, 64.7	`hsl(24.5,24.4%,64.7%)`
HSV (or HSB)	24.5°, 23.5, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.049, 6.693, 12.896
XYZ	38.196, 38.039, 31.315
xyY	0.355, 0.354, 38.039
CIE-LCH	68.049, 14.529, 62.568
CIE-LUV	68.049, 17.318, 16.665
Hunter-Lab	61.675, 2.614, 13.069
Binary	10111011, 10100001, 10001111

#bba18f
```
#bba18f rgb(187,161,143)
```
#8fa9bb
```
#8fa9bb rgb(143,169,187)
```

Complementary Color

#bb8f93
```
#bb8f93 rgb(187,143,147)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#bbb78f
```
#bbb78f rgb(187,183,143)
```

Analogous Color

#8f93bb
```
#8f93bb rgb(143,147,187)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#8fbbb7
```
#8fbbb7 rgb(143,187,183)
```

Split Complementary Color

#a18fbb
```
#a18fbb rgb(161,143,187)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#8fbba1
```
#8fbba1 rgb(143,187,161)
```

Triadic Color

#bb8fa9
```
#bb8fa9 rgb(187,143,169)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#8fbba1
```
#8fbba1 rgb(143,187,161)
```
#8fa9bb
```
#8fa9bb rgb(143,169,187)
```

Tetradic Color

#9e7960
```
#9e7960 rgb(158,121,96)
```
#a8866f
```
#a8866f rgb(168,134,111)
```
#b1947f
```
#b1947f rgb(177,148,127)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#c5ae9f
```
#c5ae9f rgb(197,174,159)
```
#cebcaf
```
#cebcaf rgb(206,188,175)
```
#d8c9bf
```
#d8c9bf rgb(216,201,191)
```

Monochromatic Color

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

#bb968f
```
#bb968f rgb(187,150,143)
```
#bb9a8f
```
#bb9a8f rgb(187,154,143)
```
#bb9d8f
```
#bb9d8f rgb(187,157,143)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#bba58f
```
#bba58f rgb(187,165,143)
```
#bba88f
```
#bba88f rgb(187,168,143)
```
#bbac8f
```
#bbac8f rgb(187,172,143)
```

Similar Colors

Text with hexadecimal color #bba18f

This text has a font color of #bba18f.

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

#bba18f background color

This paragraph has a background color of #bba18f.

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

#bba18f border color

This element has a border color of #bba18f.

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

CSS codes

.text {color:#bba18f;}

.background {background-color:#bba18f;}

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

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

#0a0806
```
#0a0806 rgb(10,8,6)
```
#16110e
```
#16110e rgb(22,17,14)
```
#221a15
```
#221a15 rgb(34,26,21)
```
#2f241c
```
#2f241c rgb(47,36,28)
```
#3b2d24
```
#3b2d24 rgb(59,45,36)
```
#47372b
```
#47372b rgb(71,55,43)
```
#534033
```
#534033 rgb(83,64,51)
```
#5f493a
```
#5f493a rgb(95,73,58)
```
#6c5341
```
#6c5341 rgb(108,83,65)
```
#785c49
```
#785c49 rgb(120,92,73)
```
#846550
```
#846550 rgb(132,101,80)
```
#906f58
```
#906f58 rgb(144,111,88)
```
#9d785f
```
#9d785f rgb(157,120,95)
```

Shade Color Variation

#a5826a
```
#a5826a rgb(165,130,106)
```
#ac8d77
```
#ac8d77 rgb(172,141,119)
```
#b49783
```
#b49783 rgb(180,151,131)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#c2ab9b
```
#c2ab9b rgb(194,171,155)
```
#cab5a7
```
#cab5a7 rgb(202,181,167)
```
#d1c0b4
```
#d1c0b4 rgb(209,192,180)
```
#d9cac0
```
#d9cac0 rgb(217,202,192)
```
#e0d4cc
```
#e0d4cc rgb(224,212,204)
```
#e7ded8
```
#e7ded8 rgb(231,222,216)
```
#efe9e4
```
#efe9e4 rgb(239,233,228)
```
#f6f3f1
```
#f6f3f1 rgb(246,243,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a6a5a4
```
#a6a5a4 rgb(166,165,164)
```
#ada49d
```
#ada49d rgb(173,164,157)
```
#b4a296
```
#b4a296 rgb(180,162,150)
```
#bba18f
```
#bba18f rgb(187,161,143)
```
#c2a088
```
#c2a088 rgb(194,160,136)
```
#c99e81
```
#c99e81 rgb(201,158,129)
```
#d09d7a
```
#d09d7a rgb(208,157,122)
```
#d79c73
```
#d79c73 rgb(215,156,115)
```
#de9b6c
```
#de9b6c rgb(222,155,108)
```
#e59965
```
#e59965 rgb(229,153,101)
```
#eb985f
```
#eb985f rgb(235,152,95)
```
#f29758
```
#f29758 rgb(242,151,88)
```
#f99651
```
#f99651 rgb(249,150,81)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba6a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a996 Protanopia 1% of men
#c2a495 Deuteranopia 1% of men
#c1a2ad Tritanopia 0.001% of the population

Trichromacy

#b5a693 Protanomaly 1% of men, 0.01% of women
#bfa392 Deuteranomaly 6% of men, 0.4% of women
#bfa1a2 Tritanomaly 0.01% of the population

#bba18f hex color

#bba18f Color Information

#bba18f Color Conversion

Color Schemes with #bba18f

Alternatives to #bba18f

#bba18f Preview

Shades and Tints of #bba18f

Tones of #bba18f

Color Blindness Simulator