#bbd4ae hex color

In a RGB color space, hex #bbd4ae is composed of 73.3% red, 83.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 17.9% yellow and 16.9% black. It has a hue angle of 99.5 degrees, a saturation of 30.6% and a lightness of 75.7%. #bbd4ae color hex could be obtained by blending #ffffff with #77a95d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 83
- B 68
RGB color chart
- C 12
- M 0
- Y 18
- K 17
CMYK color chart

● #bbd4ae color description : Grayish green.

The hexadecimal color #bbd4ae has RGB values of R:187, G:212, B:174 and CMYK values of C:0.12, M:0, Y:0.18, K:0.17. Its decimal value is 12309678.

Hex triplet	bbd4ae	`#bbd4ae`
RGB Decimal	187, 212, 174	`rgb(187,212,174)`
RGB Percent	73.3, 83.1, 68.2	`rgb(73.3%,83.1%,68.2%)`
CMYK	12, 0, 18, 17
HSL	99.5°, 30.6, 75.7	`hsl(99.5,30.6%,75.7%)`
HSV (or HSB)	99.5°, 17.9, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.221, -15.281, 16.043
XYZ	51.675, 60.707, 49.037
xyY	0.32, 0.376, 60.707
CIE-LCH	82.221, 22.156, 133.606
CIE-LUV	82.221, -12.315, 25.816
Hunter-Lab	77.915, -17.965, 17.225
Binary	10111011, 11010100, 10101110

#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#c7aed4
```
#c7aed4 rgb(199,174,212)
```

Complementary Color

#ced4ae
```
#ced4ae rgb(206,212,174)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#aed4b4
```
#aed4b4 rgb(174,212,180)
```

Analogous Color

#d4aece
```
#d4aece rgb(212,174,206)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```

Split Complementary Color

#d4aebb
```
#d4aebb rgb(212,174,187)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#aebbd4
```
#aebbd4 rgb(174,187,212)
```

Triadic Color

#d4c7ae
```
#d4c7ae rgb(212,199,174)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#aebbd4
```
#aebbd4 rgb(174,187,212)
```
#c7aed4
```
#c7aed4 rgb(199,174,212)
```

Tetradic Color

#91b97c
```
#91b97c rgb(145,185,124)
```
#9fc28d
```
#9fc28d rgb(159,194,141)
```
#adcb9d
```
#adcb9d rgb(173,203,157)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#c9ddbf
```
#c9ddbf rgb(201,221,191)
```
#d7e6cf
```
#d7e6cf rgb(215,230,207)
```
#e5efe0
```
#e5efe0 rgb(229,239,224)
```

Monochromatic Color

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

#c5d4ae
```
#c5d4ae rgb(197,212,174)
```
#c1d4ae
```
#c1d4ae rgb(193,212,174)
```
#bed4ae
```
#bed4ae rgb(190,212,174)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#b8d4ae
```
#b8d4ae rgb(184,212,174)
```
#b5d4ae
```
#b5d4ae rgb(181,212,174)
```
#b2d4ae
```
#b2d4ae rgb(178,212,174)
```

Similar Colors

Text with hexadecimal color #bbd4ae

This text has a font color of #bbd4ae.

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

#bbd4ae background color

This paragraph has a background color of #bbd4ae.

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

#bbd4ae border color

This element has a border color of #bbd4ae.

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

CSS codes

.text {color:#bbd4ae;}

.background {background-color:#bbd4ae;}

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

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

#060905
```
#060905 rgb(6,9,5)
```
#0f160b
```
#0f160b rgb(15,22,11)
```
#182212
```
#182212 rgb(24,34,18)
```
#212f19
```
#212f19 rgb(33,47,25)
```
#293c20
```
#293c20 rgb(41,60,32)
```
#324927
```
#324927 rgb(50,73,39)
```
#3b562d
```
#3b562d rgb(59,86,45)
```
#446234
```
#446234 rgb(68,98,52)
```
#4d6f3b
```
#4d6f3b rgb(77,111,59)
```
#567c42
```
#567c42 rgb(86,124,66)
```
#5f8949
```
#5f8949 rgb(95,137,73)
```
#67964f
```
#67964f rgb(103,150,79)
```
#70a256
```
#70a256 rgb(112,162,86)
```

Shade Color Variation

#7aab61
```
#7aab61 rgb(122,171,97)
```
#85b26e
```
#85b26e rgb(133,178,110)
```
#90b97b
```
#90b97b rgb(144,185,123)
```
#9bc088
```
#9bc088 rgb(155,192,136)
```
#a5c694
```
#a5c694 rgb(165,198,148)
```
#b0cda1
```
#b0cda1 rgb(176,205,161)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#c6dbbb
```
#c6dbbb rgb(198,219,187)
```
#d1e2c8
```
#d1e2c8 rgb(209,226,200)
```
#dbe8d4
```
#dbe8d4 rgb(219,232,212)
```
#e6efe1
```
#e6efe1 rgb(230,239,225)
```
#f1f6ee
```
#f1f6ee rgb(241,246,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#c0c6bc
```
#c0c6bc rgb(192,198,188)
```
#becab8
```
#becab8 rgb(190,202,184)
```
#bdcfb3
```
#bdcfb3 rgb(189,207,179)
```
#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#b9d9a9
```
#b9d9a9 rgb(185,217,169)
```
#b8dea4
```
#b8dea4 rgb(184,222,164)
```
#b6e2a0
```
#b6e2a0 rgb(182,226,160)
```
#b5e79b
```
#b5e79b rgb(181,231,155)
```
#b3ec96
```
#b3ec96 rgb(179,236,150)
```
#b2f191
```
#b2f191 rgb(178,241,145)
```
#b0f58d
```
#b0f58d rgb(176,245,141)
```
#affa88
```
#affa88 rgb(175,250,136)
```
#adff83
```
#adff83 rgb(173,255,131)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5cac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daceae Protanopia 1% of men
#ebc8b6 Deuteranopia 1% of men
#c6cfde Tritanopia 0.001% of the population

Trichromacy

#ced0ae Protanomaly 1% of men, 0.01% of women
#d9ccb3 Deuteranomaly 6% of men, 0.4% of women
#c2d1cd Tritanomaly 0.01% of the population

#bbd4ae hex color

#bbd4ae Color Information

#bbd4ae Color Conversion

Color Schemes with #bbd4ae

Alternatives to #bbd4ae

#bbd4ae Preview

Shades and Tints of #bbd4ae

Tones of #bbd4ae

Color Blindness Simulator