#bddcde hex color

In a RGB color space, hex #bddcde is composed of 74.1% red, 86.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 0.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 183.6 degrees, a saturation of 33.3% and a lightness of 80.6%. #bddcde color hex could be obtained by blending #ffffff with #7bb9bd. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 86
- B 87
RGB color chart
- C 15
- M 1
- Y 0
- K 13
CMYK color chart

● #bddcde color description : Light grayish cyan.

The hexadecimal color #bddcde has RGB values of R:189, G:220, B:222 and CMYK values of C:0.15, M:0.01, Y:0, K:0.13. Its decimal value is 12442846.

Hex triplet	bddcde	`#bddcde`
RGB Decimal	189, 220, 222	`rgb(189,220,222)`
RGB Percent	74.1, 86.3, 87.1	`rgb(74.1%,86.3%,87.1%)`
CMYK	15, 1, 0, 13
HSL	183.6°, 33.3, 80.6	`hsl(183.6,33.3%,80.6%)`
HSV (or HSB)	183.6°, 14.9, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.644, -9.773, -4.422
XYZ	59.761, 67.278, 78.941
xyY	0.29, 0.327, 67.278
CIE-LCH	85.644, 10.726, 204.346
CIE-LUV	85.644, -16.443, -5.141
Hunter-Lab	82.023, -13.487, 0.354
Binary	10111101, 11011100, 11011110

#bddcde
```
#bddcde rgb(189,220,222)
```
#debfbd
```
#debfbd rgb(222,191,189)
```

Complementary Color

#bdded0
```
#bdded0 rgb(189,222,208)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#bdccde
```
#bdccde rgb(189,204,222)
```

Analogous Color

#ded0bd
```
#ded0bd rgb(222,208,189)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#debdcc
```
#debdcc rgb(222,189,204)
```

Split Complementary Color

#dcdebd
```
#dcdebd rgb(220,222,189)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#debddc
```
#debddc rgb(222,189,220)
```

Triadic Color

#bddebf
```
#bddebf rgb(189,222,191)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#debddc
```
#debddc rgb(222,189,220)
```
#debfbd
```
#debfbd rgb(222,191,189)
```

Tetradic Color

#8ac1c5
```
#8ac1c5 rgb(138,193,197)
```
#9bcacd
```
#9bcacd rgb(155,202,205)
```
#acd3d6
```
#acd3d6 rgb(172,211,214)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#cee5e7
```
#cee5e7 rgb(206,229,231)
```
#dfeeef
```
#dfeeef rgb(223,238,239)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```

Monochromatic Color

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

#bdded8
```
#bdded8 rgb(189,222,216)
```
#bddedb
```
#bddedb rgb(189,222,219)
```
#bddedd
```
#bddedd rgb(189,222,221)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#bdd9de
```
#bdd9de rgb(189,217,222)
```
#bdd7de
```
#bdd7de rgb(189,215,222)
```
#bdd4de
```
#bdd4de rgb(189,212,222)
```

Similar Colors

Text with hexadecimal color #bddcde

This text has a font color of #bddcde.

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

#bddcde background color

This paragraph has a background color of #bddcde.

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

#bddcde border color

This element has a border color of #bddcde.

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

CSS codes

.text {color:#bddcde;}

.background {background-color:#bddcde;}

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

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, #060c0c is the darkest color, while #feffff is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d191a
```
#0d191a rgb(13,25,26)
```
#132527
```
#132527 rgb(19,37,39)
```
#1a3234
```
#1a3234 rgb(26,50,52)
```
#203f41
```
#203f41 rgb(32,63,65)
```
#274b4e
```
#274b4e rgb(39,75,78)
```
#2d585b
```
#2d585b rgb(45,88,91)
```
#346568
```
#346568 rgb(52,101,104)
```
#3b7275
```
#3b7275 rgb(59,114,117)
```
#417e82
```
#417e82 rgb(65,126,130)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#4e989c
```
#4e989c rgb(78,152,156)
```
#55a4a9
```
#55a4a9 rgb(85,164,169)
```

Shade Color Variation

#61abb0
```
#61abb0 rgb(97,171,176)
```
#6fb2b7
```
#6fb2b7 rgb(111,178,183)
```
#7cb9bd
```
#7cb9bd rgb(124,185,189)
```
#89c0c4
```
#89c0c4 rgb(137,192,196)
```
#96c7ca
```
#96c7ca rgb(150,199,202)
```
#a3ced1
```
#a3ced1 rgb(163,206,209)
```
#b0d5d7
```
#b0d5d7 rgb(176,213,215)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#cae3e5
```
#cae3e5 rgb(202,227,229)
```
#d7eaeb
```
#d7eaeb rgb(215,234,235)
```
#e4f1f2
```
#e4f1f2 rgb(228,241,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cccfcf
```
#cccfcf rgb(204,207,207)
```
#c8d2d3
```
#c8d2d3 rgb(200,210,211)
```
#c5d5d6
```
#c5d5d6 rgb(197,213,214)
```
#c1d9da
```
#c1d9da rgb(193,217,218)
```
#bddcde
```
#bddcde rgb(189,220,222)
```
#b9dfe2
```
#b9dfe2 rgb(185,223,226)
```
#b5e3e6
```
#b5e3e6 rgb(181,227,230)
```
#b2e6e9
```
#b2e6e9 rgb(178,230,233)
```
#aee9ed
```
#aee9ed rgb(174,233,237)
```
#aaedf1
```
#aaedf1 rgb(170,237,241)
```
#a6f0f5
```
#a6f0f5 rgb(166,240,245)
```
#a2f3f9
```
#a2f3f9 rgb(162,243,249)
```
#9ff7fc
```
#9ff7fc rgb(159,247,252)
```

Tone Color Variation

Below, you can see how #bddcde 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
#cfd5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad7dc Protanopia 1% of men
#e6d2e3 Deuteranopia 1% of men
#c3dbeb Tritanopia 0.001% of the population

Trichromacy

#cfd8dc Protanomaly 1% of men, 0.01% of women
#d7d5e1 Deuteranomaly 6% of men, 0.4% of women
#c0dbe6 Tritanomaly 0.01% of the population

#bddcde hex color

#bddcde Color Information

#bddcde Color Conversion

Color Schemes with #bddcde

Alternatives to #bddcde

#bddcde Preview

Shades and Tints of #bddcde

Tones of #bddcde

Color Blindness Simulator