colorhexa.com

#bbdae4 hex color

In a RGB color space, hex #bbdae4 is composed of 73.3% red, 85.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 4.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 194.6 degrees, a saturation of 43.2% and a lightness of 81.4%. #bbdae4 color hex could be obtained by blending #ffffff with #77b5c9. Closest websafe color is: #cccccc.

- R 73
- G 85
- B 89
RGB color chart
- C 18
- M 4
- Y 0
- K 11
CMYK color chart

● #bbdae4 color description : Light grayish cyan.

The hexadecimal color #bbdae4 has RGB values of R:187, G:218, B:228 and CMYK values of C:0.18, M:0.04, Y:0, K:0.11. Its decimal value is 12311268.

Hex triplet	bbdae4	`#bbdae4`
RGB Decimal	187, 218, 228	`rgb(187,218,228)`
RGB Percent	73.3, 85.5, 89.4	`rgb(73.3%,85.5%,89.4%)`
CMYK	18, 4, 0, 11
HSL	194.6°, 43.2, 81.4	`hsl(194.6,43.2%,81.4%)`
HSV (or HSB)	194.6°, 18, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.153, -8.125, -8.337
XYZ	59.565, 66.308, 83.055
xyY	0.285, 0.317, 66.308
CIE-LCH	85.153, 11.641, 225.739
CIE-LUV	85.153, -16.64, -11.581
Hunter-Lab	81.43, -11.93, -3.473
Binary	10111011, 11011010, 11100100

#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#e4c5bb
```
#e4c5bb rgb(228,197,187)
```

Complementary Color

#bbe4da
```
#bbe4da rgb(187,228,218)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#bbc6e4
```
#bbc6e4 rgb(187,198,228)
```

Analogous Color

#e4dabb
```
#e4dabb rgb(228,218,187)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#e4bbc6
```
#e4bbc6 rgb(228,187,198)
```

Split Complementary Color

#dae4bb
```
#dae4bb rgb(218,228,187)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#e4bbda
```
#e4bbda rgb(228,187,218)
```

Triadic Color

#bbe4c5
```
#bbe4c5 rgb(187,228,197)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#e4bbda
```
#e4bbda rgb(228,187,218)
```
#e4c5bb
```
#e4c5bb rgb(228,197,187)
```

Tetradic Color

#84bcce
```
#84bcce rgb(132,188,206)
```
#96c6d6
```
#96c6d6 rgb(150,198,214)
```
#a9d0dd
```
#a9d0dd rgb(169,208,221)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#cde4eb
```
#cde4eb rgb(205,228,235)
```
#e0eef2
```
#e0eef2 rgb(224,238,242)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Monochromatic Color

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

#bbe4e4
```
#bbe4e4 rgb(187,228,228)
```
#bbe1e4
```
#bbe1e4 rgb(187,225,228)
```
#bbdde4
```
#bbdde4 rgb(187,221,228)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#bbd7e4
```
#bbd7e4 rgb(187,215,228)
```
#bbd3e4
```
#bbd3e4 rgb(187,211,228)
```
#bbd0e4
```
#bbd0e4 rgb(187,208,228)
```

Similar Colors

Text with hexadecimal color #bbdae4

This text has a font color of #bbdae4.

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

#bbdae4 background color

This paragraph has a background color of #bbdae4.

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

#bbdae4 border color

This element has a border color of #bbdae4.

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

CSS codes

.text {color:#bbdae4;}

.background {background-color:#bbdae4;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e10
```
#060e10 rgb(6,14,16)
```
#0c1a1e
```
#0c1a1e rgb(12,26,30)
```
#12262c
```
#12262c rgb(18,38,44)
```
#17323a
```
#17323a rgb(23,50,58)
```
#1d3e48
```
#1d3e48 rgb(29,62,72)
```
#224a56
```
#224a56 rgb(34,74,86)
```
#285664
```
#285664 rgb(40,86,100)
```
#2d6273
```
#2d6273 rgb(45,98,115)
```
#336e81
```
#336e81 rgb(51,110,129)
```
#397a8f
```
#397a8f rgb(57,122,143)
```
#3e869d
```
#3e869d rgb(62,134,157)
```
#4492ab
```
#4492ab rgb(68,146,171)
```

Shade Color Variation

#4b9db7
```
#4b9db7 rgb(75,157,183)
```
#59a5bd
```
#59a5bd rgb(89,165,189)
```
#67acc3
```
#67acc3 rgb(103,172,195)
```
#75b4c8
```
#75b4c8 rgb(117,180,200)
```
#83bbce
```
#83bbce rgb(131,187,206)
```
#91c3d3
```
#91c3d3 rgb(145,195,211)
```
#9fcbd9
```
#9fcbd9 rgb(159,203,217)
```
#add2de
```
#add2de rgb(173,210,222)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#c9e2ea
```
#c9e2ea rgb(201,226,234)
```
#d7e9ef
```
#d7e9ef rgb(215,233,239)
```
#e5f1f5
```
#e5f1f5 rgb(229,241,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#cdd1d2
```
#cdd1d2 rgb(205,209,210)
```
#cad3d5
```
#cad3d5 rgb(202,211,213)
```
#c6d4d9
```
#c6d4d9 rgb(198,212,217)
```
#c2d6dd
```
#c2d6dd rgb(194,214,221)
```
#bfd8e0
```
#bfd8e0 rgb(191,216,224)
```
#bbdae4
```
#bbdae4 rgb(187,218,228)
```
#b7dce8
```
#b7dce8 rgb(183,220,232)
```
#b4deeb
```
#b4deeb rgb(180,222,235)
```
#b0e0ef
```
#b0e0ef rgb(176,224,239)
```
#ace1f3
```
#ace1f3 rgb(172,225,243)
```
#a9e3f6
```
#a9e3f6 rgb(169,227,246)
```
#a5e5fa
```
#a5e5fa rgb(165,229,250)
```
#a1e7fe
```
#a1e7fe rgb(161,231,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d5e1 Protanopia 1% of men
#e2d1e8 Deuteranopia 1% of men
#bfdbea Tritanopia 0.001% of the population

Trichromacy

#ccd7e2 Protanomaly 1% of men, 0.01% of women
#d3d4e7 Deuteranomaly 6% of men, 0.4% of women
#bedae8 Tritanomaly 0.01% of the population