#bbdea2 hex color

In a RGB color space, hex #bbdea2 is composed of 73.3% red, 87.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 27% yellow and 12.9% black. It has a hue angle of 95 degrees, a saturation of 47.6% and a lightness of 75.3%. #bbdea2 color hex could be obtained by blending #ffffff with #77bd45. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 87
- B 64
RGB color chart
- C 16
- M 0
- Y 27
- K 13
CMYK color chart

● #bbdea2 color description : Very soft green.

The hexadecimal color #bbdea2 has RGB values of R:187, G:222, B:162 and CMYK values of C:0.16, M:0, Y:0.27, K:0.13. Its decimal value is 12312226.

Hex triplet	bbdea2	`#bbdea2`
RGB Decimal	187, 222, 162	`rgb(187,222,162)`
RGB Percent	73.3, 87.1, 63.5	`rgb(73.3%,87.1%,63.5%)`
CMYK	16, 0, 27, 13
HSL	95°, 47.6, 75.3	`hsl(95,47.6%,75.3%)`
HSV (or HSB)	95°, 27, 87.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.697, -22.148, 25.744
XYZ	53.135, 65.415, 44.007
xyY	0.327, 0.402, 65.415
CIE-LCH	84.697, 33.96, 130.706
CIE-LUV	84.697, -17.198, 40.097
Hunter-Lab	80.88, -24.272, 24.355
Binary	10111011, 11011110, 10100010

#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#c5a2de
```
#c5a2de rgb(197,162,222)
```

Complementary Color

#d9dea2
```
#d9dea2 rgb(217,222,162)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#a2dea7
```
#a2dea7 rgb(162,222,167)
```

Analogous Color

#dea2d9
```
#dea2d9 rgb(222,162,217)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#a7a2de
```
#a7a2de rgb(167,162,222)
```

Split Complementary Color

#dea2bb
```
#dea2bb rgb(222,162,187)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#a2bbde
```
#a2bbde rgb(162,187,222)
```

Triadic Color

#dec5a2
```
#dec5a2 rgb(222,197,162)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#a2bbde
```
#a2bbde rgb(162,187,222)
```
#c5a2de
```
#c5a2de rgb(197,162,222)
```

Tetradic Color

#92ca6a
```
#92ca6a rgb(146,202,106)
```
#9fd17c
```
#9fd17c rgb(159,209,124)
```
#add78f
```
#add78f rgb(173,215,143)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#c9e5b5
```
#c9e5b5 rgb(201,229,181)
```
#d7ebc8
```
#d7ebc8 rgb(215,235,200)
```
#e4f2da
```
#e4f2da rgb(228,242,218)
```

Monochromatic Color

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

#cadea2
```
#cadea2 rgb(202,222,162)
```
#c5dea2
```
#c5dea2 rgb(197,222,162)
```
#c0dea2
```
#c0dea2 rgb(192,222,162)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#b6dea2
```
#b6dea2 rgb(182,222,162)
```
#b1dea2
```
#b1dea2 rgb(177,222,162)
```
#acdea2
```
#acdea2 rgb(172,222,162)
```

Similar Colors

Text with hexadecimal color #bbdea2

This text has a font color of #bbdea2.

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

#bbdea2 background color

This paragraph has a background color of #bbdea2.

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

#bbdea2 border color

This element has a border color of #bbdea2.

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

CSS codes

.text {color:#bbdea2;}

.background {background-color:#bbdea2;}

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

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

#050803
```
#050803 rgb(5,8,3)
```
#0e1708
```
#0e1708 rgb(14,23,8)
```
#17250d
```
#17250d rgb(23,37,13)
```
#203412
```
#203412 rgb(32,52,18)
```
#294218
```
#294218 rgb(41,66,24)
```
#32511d
```
#32511d rgb(50,81,29)
```
#3b5f22
```
#3b5f22 rgb(59,95,34)
```
#446e27
```
#446e27 rgb(68,110,39)
```
#4d7c2c
```
#4d7c2c rgb(77,124,44)
```
#568b31
```
#568b31 rgb(86,139,49)
```
#5f9936
```
#5f9936 rgb(95,153,54)
```
#69a83b
```
#69a83b rgb(105,168,59)
```
#72b641
```
#72b641 rgb(114,182,65)
```

Shade Color Variation

#7bbf4b
```
#7bbf4b rgb(123,191,75)
```
#86c45a
```
#86c45a rgb(134,196,90)
```
#91c968
```
#91c968 rgb(145,201,104)
```
#9bcf77
```
#9bcf77 rgb(155,207,119)
```
#a6d485
```
#a6d485 rgb(166,212,133)
```
#b0d994
```
#b0d994 rgb(176,217,148)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#c6e3b0
```
#c6e3b0 rgb(198,227,176)
```
#d0e8bf
```
#d0e8bf rgb(208,232,191)
```
#dbedcd
```
#dbedcd rgb(219,237,205)
```
#e5f3dc
```
#e5f3dc rgb(229,243,220)
```
#f0f8ea
```
#f0f8ea rgb(240,248,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#c0c1bf
```
#c0c1bf rgb(192,193,191)
```
#bfc6ba
```
#bfc6ba rgb(191,198,186)
```
#becbb5
```
#becbb5 rgb(190,203,181)
```
#bdcfb1
```
#bdcfb1 rgb(189,207,177)
```
#bdd4ac
```
#bdd4ac rgb(189,212,172)
```
#bcd9a7
```
#bcd9a7 rgb(188,217,167)
```
#bbdea2
```
#bbdea2 rgb(187,222,162)
```
#bae39d
```
#bae39d rgb(186,227,157)
```
#b9e898
```
#b9e898 rgb(185,232,152)
```
#b9ed93
```
#b9ed93 rgb(185,237,147)
```
#b8f18f
```
#b8f18f rgb(184,241,143)
```
#b7f68a
```
#b7f68a rgb(183,246,138)
```
#b6fb85
```
#b6fb85 rgb(182,251,133)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9d0c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d5a2 Protanopia 1% of men
#f7cdac Deuteranopia 1% of men
#c9d7e6 Tritanopia 0.001% of the population

Trichromacy

#d5d8a2 Protanomaly 1% of men, 0.01% of women
#e1d3a8 Deuteranomaly 6% of men, 0.4% of women
#c4d9cd Tritanomaly 0.01% of the population

#bbdea2 hex color

#bbdea2 Color Information

#bbdea2 Color Conversion

Color Schemes with #bbdea2

Alternatives to #bbdea2

#bbdea2 Preview

Shades and Tints of #bbdea2

Tones of #bbdea2

Color Blindness Simulator