#bbdda2 hex color

In a RGB color space, hex #bbdda2 is composed of 73.3% red, 86.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 26.7% yellow and 13.3% black. It has a hue angle of 94.6 degrees, a saturation of 46.5% and a lightness of 75.1%. #bbdda2 color hex could be obtained by blending #ffffff with #77bb45. Closest websafe color is: #cccc99.

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

● #bbdda2 color description : Very soft green.

The hexadecimal color #bbdda2 has RGB values of R:187, G:221, B:162 and CMYK values of C:0.15, M:0, Y:0.27, K:0.13. Its decimal value is 12311970.

Hex triplet	bbdda2	`#bbdda2`
RGB Decimal	187, 221, 162	`rgb(187,221,162)`
RGB Percent	73.3, 86.7, 63.5	`rgb(73.3%,86.7%,63.5%)`
CMYK	15, 0, 27, 13
HSL	94.6°, 46.5, 75.1	`hsl(94.6,46.5%,75.1%)`
HSV (or HSB)	94.6°, 26.7, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.425, -21.659, 25.373
XYZ	52.87, 64.886, 43.919
xyY	0.327, 0.401, 64.886
CIE-LCH	84.425, 33.36, 130.484
CIE-LUV	84.425, -16.683, 39.505
Hunter-Lab	80.552, -23.807, 24.059
Binary	10111011, 11011101, 10100010

#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#c4a2dd
```
#c4a2dd rgb(196,162,221)
```

Complementary Color

#d9dda2
```
#d9dda2 rgb(217,221,162)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#a2dda7
```
#a2dda7 rgb(162,221,167)
```

Analogous Color

#dda2d9
```
#dda2d9 rgb(221,162,217)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#a7a2dd
```
#a7a2dd rgb(167,162,221)
```

Split Complementary Color

#dda2bb
```
#dda2bb rgb(221,162,187)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#a2bbdd
```
#a2bbdd rgb(162,187,221)
```

Triadic Color

#ddc4a2
```
#ddc4a2 rgb(221,196,162)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#a2bbdd
```
#a2bbdd rgb(162,187,221)
```
#c4a2dd
```
#c4a2dd rgb(196,162,221)
```

Tetradic Color

#92c96a
```
#92c96a rgb(146,201,106)
```
#a0cf7d
```
#a0cf7d rgb(160,207,125)
```
#add68f
```
#add68f rgb(173,214,143)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#c9e4b5
```
#c9e4b5 rgb(201,228,181)
```
#d6ebc7
```
#d6ebc7 rgb(214,235,199)
```
#e4f1da
```
#e4f1da rgb(228,241,218)
```

Monochromatic Color

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

#cadda2
```
#cadda2 rgb(202,221,162)
```
#c5dda2
```
#c5dda2 rgb(197,221,162)
```
#c0dda2
```
#c0dda2 rgb(192,221,162)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#b6dda2
```
#b6dda2 rgb(182,221,162)
```
#b1dda2
```
#b1dda2 rgb(177,221,162)
```
#acdda2
```
#acdda2 rgb(172,221,162)
```

Similar Colors

Text with hexadecimal color #bbdda2

This text has a font color of #bbdda2.

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

#bbdda2 background color

This paragraph has a background color of #bbdda2.

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

#bbdda2 border color

This element has a border color of #bbdda2.

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

CSS codes

.text {color:#bbdda2;}

.background {background-color:#bbdda2;}

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

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 #fafdf8 is the lightest one.

#050803
```
#050803 rgb(5,8,3)
```
#0e1608
```
#0e1608 rgb(14,22,8)
```
#17240d
```
#17240d rgb(23,36,13)
```
#203313
```
#203313 rgb(32,51,19)
```
#294118
```
#294118 rgb(41,65,24)
```
#324f1d
```
#324f1d rgb(50,79,29)
```
#3b5e22
```
#3b5e22 rgb(59,94,34)
```
#456c28
```
#456c28 rgb(69,108,40)
```
#4e7a2d
```
#4e7a2d rgb(78,122,45)
```
#578932
```
#578932 rgb(87,137,50)
```
#609737
```
#609737 rgb(96,151,55)
```
#69a63d
```
#69a63d rgb(105,166,61)
```
#72b442
```
#72b442 rgb(114,180,66)
```

Shade Color Variation

#7cbd4c
```
#7cbd4c rgb(124,189,76)
```
#86c35a
```
#86c35a rgb(134,195,90)
```
#91c869
```
#91c869 rgb(145,200,105)
```
#9bcd77
```
#9bcd77 rgb(155,205,119)
```
#a6d285
```
#a6d285 rgb(166,210,133)
```
#b0d894
```
#b0d894 rgb(176,216,148)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#c6e2b0
```
#c6e2b0 rgb(198,226,176)
```
#d0e8bf
```
#d0e8bf rgb(208,232,191)
```
#dbedcd
```
#dbedcd rgb(219,237,205)
```
#e5f2db
```
#e5f2db rgb(229,242,219)
```
#f0f7ea
```
#f0f7ea rgb(240,247,234)
```
#fafdf8
```
#fafdf8 rgb(250,253,248)
```

Tint Color Variation

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

#bfc0bf
```
#bfc0bf rgb(191,192,191)
```
#bfc5ba
```
#bfc5ba rgb(191,197,186)
```
#bec9b6
```
#bec9b6 rgb(190,201,182)
```
#bdceb1
```
#bdceb1 rgb(189,206,177)
```
#bcd3ac
```
#bcd3ac rgb(188,211,172)
```
#bcd8a7
```
#bcd8a7 rgb(188,216,167)
```
#bbdda2
```
#bbdda2 rgb(187,221,162)
```
#bae29d
```
#bae29d rgb(186,226,157)
```
#bae798
```
#bae798 rgb(186,231,152)
```
#b9ec93
```
#b9ec93 rgb(185,236,147)
```
#b8f18e
```
#b8f18e rgb(184,241,142)
```
#b7f58a
```
#b7f58a rgb(183,245,138)
```
#b7fa85
```
#b7fa85 rgb(183,250,133)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cfc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d4a2 Protanopia 1% of men
#f6cdac Deuteranopia 1% of men
#c9d6e5 Tritanopia 0.001% of the population

Trichromacy

#d4d7a2 Protanomaly 1% of men, 0.01% of women
#e1d2a8 Deuteranomaly 6% of men, 0.4% of women
#c4d8cd Tritanomaly 0.01% of the population

#bbdda2 hex color

#bbdda2 Color Information

#bbdda2 Color Conversion

Color Schemes with #bbdda2

Alternatives to #bbdda2

#bbdda2 Preview

Shades and Tints of #bbdda2

Tones of #bbdda2

Color Blindness Simulator