#bddbe0 hex color

In a RGB color space, hex #bddbe0 is composed of 74.1% red, 85.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 2.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 188.6 degrees, a saturation of 36.1% and a lightness of 81%. #bddbe0 color hex could be obtained by blending #ffffff with #7bb7c1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 86
- B 88
RGB color chart
- C 16
- M 2
- Y 0
- K 12
CMYK color chart

● #bddbe0 color description : Light grayish cyan.

The hexadecimal color #bddbe0 has RGB values of R:189, G:219, B:224 and CMYK values of C:0.16, M:0.02, Y:0, K:0.12. Its decimal value is 12442592.

Hex triplet	bddbe0	`#bddbe0`
RGB Decimal	189, 219, 224	`rgb(189,219,224)`
RGB Percent	74.1, 85.9, 87.8	`rgb(74.1%,85.9%,87.8%)`
CMYK	16, 2, 0, 12
HSL	188.6°, 36.1, 81	`hsl(188.6,36.1%,81%)`
HSV (or HSB)	188.6°, 15.6, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.434, -8.85, -5.789
XYZ	59.769, 66.862, 80.274
xyY	0.289, 0.323, 66.862
CIE-LCH	85.434, 10.575, 213.192
CIE-LUV	85.434, -16.029, -7.436
Hunter-Lab	81.769, -12.622, -0.967
Binary	10111101, 11011011, 11100000

#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#e0c2bd
```
#e0c2bd rgb(224,194,189)
```

Complementary Color

#bde0d4
```
#bde0d4 rgb(189,224,212)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#bdcae0
```
#bdcae0 rgb(189,202,224)
```

Analogous Color

#e0d4bd
```
#e0d4bd rgb(224,212,189)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#e0bdca
```
#e0bdca rgb(224,189,202)
```

Split Complementary Color

#dbe0bd
```
#dbe0bd rgb(219,224,189)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#e0bddb
```
#e0bddb rgb(224,189,219)
```

Triadic Color

#bde0c2
```
#bde0c2 rgb(189,224,194)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#e0bddb
```
#e0bddb rgb(224,189,219)
```
#e0c2bd
```
#e0c2bd rgb(224,194,189)
```

Tetradic Color

#89bfc8
```
#89bfc8 rgb(137,191,200)
```
#9ac8d0
```
#9ac8d0 rgb(154,200,208)
```
#acd2d8
```
#acd2d8 rgb(172,210,216)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#cee4e8
```
#cee4e8 rgb(206,228,232)
```
#e0eef0
```
#e0eef0 rgb(224,238,240)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```

Monochromatic Color

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

#bde0dc
```
#bde0dc rgb(189,224,220)
```
#bde0df
```
#bde0df rgb(189,224,223)
```
#bddee0
```
#bddee0 rgb(189,222,224)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#bdd8e0
```
#bdd8e0 rgb(189,216,224)
```
#bdd5e0
```
#bdd5e0 rgb(189,213,224)
```
#bdd2e0
```
#bdd2e0 rgb(189,210,224)
```

Similar Colors

Text with hexadecimal color #bddbe0

This text has a font color of #bddbe0.

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

#bddbe0 background color

This paragraph has a background color of #bddbe0.

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

#bddbe0 border color

This element has a border color of #bddbe0.

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

CSS codes

.text {color:#bddbe0;}

.background {background-color:#bddbe0;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0d191b
```
#0d191b rgb(13,25,27)
```
#132629
```
#132629 rgb(19,38,41)
```
#193236
```
#193236 rgb(25,50,54)
```
#203e43
```
#203e43 rgb(32,62,67)
```
#264b51
```
#264b51 rgb(38,75,81)
```
#2c575e
```
#2c575e rgb(44,87,94)
```
#32636c
```
#32636c rgb(50,99,108)
```
#397079
```
#397079 rgb(57,112,121)
```
#3f7c86
```
#3f7c86 rgb(63,124,134)
```
#458894
```
#458894 rgb(69,136,148)
```
#4c95a1
```
#4c95a1 rgb(76,149,161)
```

Shade Color Variation

#52a1ae
```
#52a1ae rgb(82,161,174)
```
#60a8b4
```
#60a8b4 rgb(96,168,180)
```
#6dafba
```
#6dafba rgb(109,175,186)
```
#7ab7c1
```
#7ab7c1 rgb(122,183,193)
```
#88bec7
```
#88bec7 rgb(136,190,199)
```
#95c5cd
```
#95c5cd rgb(149,197,205)
```
#a2ccd3
```
#a2ccd3 rgb(162,204,211)
```
#b0d4da
```
#b0d4da rgb(176,212,218)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#cae2e6
```
#cae2e6 rgb(202,226,230)
```
#d8eaed
```
#d8eaed rgb(216,234,237)
```
#e5f1f3
```
#e5f1f3 rgb(229,241,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

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

#ccd0d1
```
#ccd0d1 rgb(204,208,209)
```
#c8d3d5
```
#c8d3d5 rgb(200,211,213)
```
#c4d6d9
```
#c4d6d9 rgb(196,214,217)
```
#c1d8dc
```
#c1d8dc rgb(193,216,220)
```
#bddbe0
```
#bddbe0 rgb(189,219,224)
```
#b9dee4
```
#b9dee4 rgb(185,222,228)
```
#b6e0e7
```
#b6e0e7 rgb(182,224,231)
```
#b2e3eb
```
#b2e3eb rgb(178,227,235)
```
#aee6ef
```
#aee6ef rgb(174,230,239)
```
#aae8f3
```
#aae8f3 rgb(170,232,243)
```
#a7ebf6
```
#a7ebf6 rgb(167,235,246)
```
#a3eefa
```
#a3eefa rgb(163,238,250)
```
#9ff0fe
```
#9ff0fe rgb(159,240,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd5d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d6de Protanopia 1% of men
#e5d1e5 Deuteranopia 1% of men
#c2dbeb Tritanopia 0.001% of the population

Trichromacy

#ced8de Protanomaly 1% of men, 0.01% of women
#d6d5e3 Deuteranomaly 6% of men, 0.4% of women
#c0dbe7 Tritanomaly 0.01% of the population

#bddbe0 hex color

#bddbe0 Color Information

#bddbe0 Color Conversion

Color Schemes with #bddbe0

Alternatives to #bddbe0

#bddbe0 Preview

Shades and Tints of #bddbe0

Tones of #bddbe0

Color Blindness Simulator