colorhexa.com

#bbbca2 hex color

In a RGB color space, hex #bbbca2 is composed of 73.3% red, 73.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 13.8% yellow and 26.3% black. It has a hue angle of 62.3 degrees, a saturation of 16.3% and a lightness of 68.6%. #bbbca2 color hex could be obtained by blending #ffffff with #777945. Closest websafe color is: #cccc99.

- R 73
- G 74
- B 64
RGB color chart
- C 1
- M 0
- Y 14
- K 26
CMYK color chart

● #bbbca2 color description : Grayish yellow.

The hexadecimal color #bbbca2 has RGB values of R:187, G:188, B:162 and CMYK values of C:0.01, M:0, Y:0.14, K:0.26. Its decimal value is 12303522.

Hex triplet	bbbca2	`#bbbca2`
RGB Decimal	187, 188, 162	`rgb(187,188,162)`
RGB Percent	73.3, 73.7, 63.5	`rgb(73.3%,73.7%,63.5%)`
CMYK	1, 0, 14, 26
HSL	62.3°, 16.3, 68.6	`hsl(62.3,16.3%,68.6%)`
HSV (or HSB)	62.3°, 13.8, 73.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.538, -4.872, 13.056
XYZ	44.997, 49.14, 41.295
xyY	0.332, 0.363, 49.14
CIE-LCH	75.538, 13.935, 110.465
CIE-LUV	75.538, 0.812, 19.462
Hunter-Lab	70.1, -8.096, 14.143
Binary	10111011, 10111100, 10100010

#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#a3a2bc
```
#a3a2bc rgb(163,162,188)
```

Complementary Color

#bcb0a2
```
#bcb0a2 rgb(188,176,162)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#aebca2
```
#aebca2 rgb(174,188,162)
```

Analogous Color

#b0a2bc
```
#b0a2bc rgb(176,162,188)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#a2aebc
```
#a2aebc rgb(162,174,188)
```

Split Complementary Color

#bca2bb
```
#bca2bb rgb(188,162,187)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#a2bbbc
```
#a2bbbc rgb(162,187,188)
```

Triadic Color

#bca3a2
```
#bca3a2 rgb(188,163,162)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#a2bbbc
```
#a2bbbc rgb(162,187,188)
```
#a3a2bc
```
#a3a2bc rgb(163,162,188)
```

Tetradic Color

#9a9c76
```
#9a9c76 rgb(154,156,118)
```
#a5a784
```
#a5a784 rgb(165,167,132)
```
#b0b193
```
#b0b193 rgb(176,177,147)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#c6c7b1
```
#c6c7b1 rgb(198,199,177)
```
#d1d1c0
```
#d1d1c0 rgb(209,209,192)
```
#dcdcce
```
#dcdcce rgb(220,220,206)
```

Monochromatic Color

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

#bcb7a2
```
#bcb7a2 rgb(188,183,162)
```
#bcb9a2
```
#bcb9a2 rgb(188,185,162)
```
#bcbba2
```
#bcbba2 rgb(188,187,162)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#b9bca2
```
#b9bca2 rgb(185,188,162)
```
#b7bca2
```
#b7bca2 rgb(183,188,162)
```
#b5bca2
```
#b5bca2 rgb(181,188,162)
```

Similar Colors

Text with hexadecimal color #bbbca2

This text has a font color of #bbbca2.

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

#bbbca2 background color

This paragraph has a background color of #bbbca2.

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

#bbbca2 border color

This element has a border color of #bbbca2.

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

CSS codes

.text {color:#bbbca2;}

.background {background-color:#bbbca2;}

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

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

#0a0a07
```
#0a0a07 rgb(10,10,7)
```
#15150f
```
#15150f rgb(21,21,15)
```
#202017
```
#202017 rgb(32,32,23)
```
#2b2c20
```
#2b2c20 rgb(43,44,32)
```
#373728
```
#373728 rgb(55,55,40)
```
#424330
```
#424330 rgb(66,67,48)
```
#4d4e38
```
#4d4e38 rgb(77,78,56)
```
#585940
```
#585940 rgb(88,89,64)
```
#646549
```
#646549 rgb(100,101,73)
```
#6f7051
```
#6f7051 rgb(111,112,81)
```
#7a7c59
```
#7a7c59 rgb(122,124,89)
```
#868761
```
#868761 rgb(134,135,97)
```
#919269
```
#919269 rgb(145,146,105)
```

Shade Color Variation

#9a9b74
```
#9a9b74 rgb(154,155,116)
```
#a2a380
```
#a2a380 rgb(162,163,128)
```
#aaac8b
```
#aaac8b rgb(170,172,139)
```
#b3b497
```
#b3b497 rgb(179,180,151)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#c3c4ad
```
#c3c4ad rgb(195,196,173)
```
#ccccb9
```
#ccccb9 rgb(204,204,185)
```
#d4d5c4
```
#d4d5c4 rgb(212,213,196)
```
#dcddd0
```
#dcddd0 rgb(220,221,208)
```
#e5e5db
```
#e5e5db rgb(229,229,219)
```
#edede6
```
#edede6 rgb(237,237,230)
```
#f5f5f2
```
#f5f5f2 rgb(245,245,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b0b0ae
```
#b0b0ae rgb(176,176,174)
```
#b5b6a8
```
#b5b6a8 rgb(181,182,168)
```
#bbbca2
```
#bbbca2 rgb(187,188,162)
```
#c1c29c
```
#c1c29c rgb(193,194,156)
```
#c6c896
```
#c6c896 rgb(198,200,150)
```
#ccce90
```
#ccce90 rgb(204,206,144)
```
#d2d589
```
#d2d589 rgb(210,213,137)
```
#d7db83
```
#d7db83 rgb(215,219,131)
```
#dde17d
```
#dde17d rgb(221,225,125)
```
#e3e777
```
#e3e777 rgb(227,231,119)
```
#e8ed71
```
#e8ed71 rgb(232,237,113)
```
#eef36b
```
#eef36b rgb(238,243,107)
```
#f4fa64
```
#f4fa64 rgb(244,250,100)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9bab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bda5 Protanopia 1% of men
#d6b7a9 Deuteranopia 1% of men
#c3bac7 Tritanopia 0.001% of the population

Trichromacy

#c2bca4 Protanomaly 1% of men, 0.01% of women
#ccb8a6 Deuteranomaly 6% of men, 0.4% of women
#c0bbba Tritanomaly 0.01% of the population