#bba168 hex color

In a RGB color space, hex #bba168 is composed of 73.3% red, 63.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 44.4% yellow and 26.7% black. It has a hue angle of 41.2 degrees, a saturation of 37.9% and a lightness of 57.1%. #bba168 color hex could be obtained by blending #ffffd0 with #774300. Closest websafe color is: #cc9966.

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

● #bba168 color description : Slightly desaturated orange.

The hexadecimal color #bba168 has RGB values of R:187, G:161, B:104 and CMYK values of C:0, M:0.14, Y:0.44, K:0.27. Its decimal value is 12296552.

Hex triplet	bba168	`#bba168`
RGB Decimal	187, 161, 104	`rgb(187,161,104)`
RGB Percent	73.3, 63.1, 40.8	`rgb(73.3%,63.1%,40.8%)`
CMYK	0, 14, 44, 27
HSL	41.2°, 37.9, 57.1	`hsl(41.2,37.9%,57.1%)`
HSV (or HSB)	41.2°, 44.4, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.318, 1.75, 33.148
XYZ	35.737, 37.055, 18.366
xyY	0.392, 0.406, 37.055
CIE-LCH	67.318, 33.194, 86.979
CIE-LUV	67.318, 20.317, 41.467
Hunter-Lab	60.873, -1.734, 24.723
Binary	10111011, 10100001, 01101000

#bba168
```
#bba168 rgb(187,161,104)
```
#6882bb
```
#6882bb rgb(104,130,187)
```

Complementary Color

#bb7868
```
#bb7868 rgb(187,120,104)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#acbb68
```
#acbb68 rgb(172,187,104)
```

Analogous Color

#7868bb
```
#7868bb rgb(120,104,187)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#68acbb
```
#68acbb rgb(104,172,187)
```

Split Complementary Color

#a168bb
```
#a168bb rgb(161,104,187)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#68bba1
```
#68bba1 rgb(104,187,161)
```

Triadic Color

#bb6882
```
#bb6882 rgb(187,104,130)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#68bba1
```
#68bba1 rgb(104,187,161)
```
#6882bb
```
#6882bb rgb(104,130,187)
```

Tetradic Color

#947a43
```
#947a43 rgb(148,122,67)
```
#a5894b
```
#a5894b rgb(165,137,75)
```
#b39656
```
#b39656 rgb(179,150,86)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#c3ac7a
```
#c3ac7a rgb(195,172,122)
```
#cbb78b
```
#cbb78b rgb(203,183,139)
```
#d3c29d
```
#d3c29d rgb(211,194,157)
```

Monochromatic Color

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

#bb8c68
```
#bb8c68 rgb(187,140,104)
```
#bb9368
```
#bb9368 rgb(187,147,104)
```
#bb9a68
```
#bb9a68 rgb(187,154,104)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#bba868
```
#bba868 rgb(187,168,104)
```
#bbaf68
```
#bbaf68 rgb(187,175,104)
```
#bbb668
```
#bbb668 rgb(187,182,104)
```

Similar Colors

Text with hexadecimal color #bba168

This text has a font color of #bba168.

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

#bba168 background color

This paragraph has a background color of #bba168.

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

#bba168 border color

This element has a border color of #bba168.

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

CSS codes

.text {color:#bba168;}

.background {background-color:#bba168;}

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

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

#0b0905
```
#0b0905 rgb(11,9,5)
```
#19150b
```
#19150b rgb(25,21,11)
```
#262011
```
#262011 rgb(38,32,17)
```
#342b17
```
#342b17 rgb(52,43,23)
```
#41361d
```
#41361d rgb(65,54,29)
```
#4f4124
```
#4f4124 rgb(79,65,36)
```
#5c4d2a
```
#5c4d2a rgb(92,77,42)
```
#6a5830
```
#6a5830 rgb(106,88,48)
```
#776336
```
#776336 rgb(119,99,54)
```
#856e3c
```
#856e3c rgb(133,110,60)
```
#937942
```
#937942 rgb(147,121,66)
```
#a08548
```
#a08548 rgb(160,133,72)
```
#ae904e
```
#ae904e rgb(174,144,78)
```

Shade Color Variation

#b5995a
```
#b5995a rgb(181,153,90)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#c1a976
```
#c1a976 rgb(193,169,118)
```
#c7b283
```
#c7b283 rgb(199,178,131)
```
#cdba91
```
#cdba91 rgb(205,186,145)
```
#d3c39e
```
#d3c39e rgb(211,195,158)
```
#d9cbac
```
#d9cbac rgb(217,203,172)
```
#e0d4b9
```
#e0d4b9 rgb(224,212,185)
```
#e6dcc7
```
#e6dcc7 rgb(230,220,199)
```
#ece4d4
```
#ece4d4 rgb(236,228,212)
```
#f2ede2
```
#f2ede2 rgb(242,237,226)
```
#f8f5ef
```
#f8f5ef rgb(248,245,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#99948a
```
#99948a rgb(153,148,138)
```
#a29881
```
#a29881 rgb(162,152,129)
```
#aa9b79
```
#aa9b79 rgb(170,155,121)
```
#b39e70
```
#b39e70 rgb(179,158,112)
```
#bba168
```
#bba168 rgb(187,161,104)
```
#c3a460
```
#c3a460 rgb(195,164,96)
```
#cca757
```
#cca757 rgb(204,167,87)
```
#d4aa4f
```
#d4aa4f rgb(212,170,79)
```
#ddae46
```
#ddae46 rgb(221,174,70)
```
#e5b13e
```
#e5b13e rgb(229,177,62)
```
#eeb435
```
#eeb435 rgb(238,180,53)
```
#f6b72d
```
#f6b72d rgb(246,183,45)
```
#feba25
```
#feba25 rgb(254,186,37)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a7a296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a870 Protanopia 1% of men
#c9a171 Deuteranopia 1% of men
#c59ea9 Tritanopia 0.001% of the population

Trichromacy

#b8a56d Protanomaly 1% of men, 0.01% of women
#c4a16d Deuteranomaly 6% of men, 0.4% of women
#c19f91 Tritanomaly 0.01% of the population

#bba168 hex color

#bba168 Color Information

#bba168 Color Conversion

Color Schemes with #bba168

Alternatives to #bba168

#bba168 Preview

Shades and Tints of #bba168

Tones of #bba168

Color Blindness Simulator