#bcdded hex color

In a RGB color space, hex #bcdded is composed of 73.7% red, 86.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 6.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 199.6 degrees, a saturation of 57.6% and a lightness of 83.3%. #bcdded color hex could be obtained by blending #ffffff with #79bbdb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 87
- B 93
RGB color chart
- C 21
- M 7
- Y 0
- K 7
CMYK color chart

● #bcdded color description : Very soft blue.

The hexadecimal color #bcdded has RGB values of R:188, G:221, B:237 and CMYK values of C:0.21, M:0.07, Y:0, K:0.07. Its decimal value is 12377581.

Hex triplet	bcdded	`#bcdded`
RGB Decimal	188, 221, 237	`rgb(188,221,237)`
RGB Percent	73.7, 86.7, 92.9	`rgb(73.7%,86.7%,92.9%)`
CMYK	21, 7, 0, 7
HSL	199.6°, 57.6, 83.3	`hsl(199.6,57.6%,83.3%)`
HSV (or HSB)	199.6°, 20.7, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.264, -7.447, -11.435
XYZ	61.878, 68.517, 90.081
xyY	0.281, 0.311, 68.517
CIE-LCH	86.264, 13.647, 236.926
CIE-LUV	86.264, -17.751, -16.68
Hunter-Lab	82.775, -11.42, -6.58
Binary	10111100, 11011101, 11101101

#bcdded
```
#bcdded rgb(188,221,237)
```
#edccbc
```
#edccbc rgb(237,204,188)
```

Complementary Color

#bcede5
```
#bcede5 rgb(188,237,229)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#bcc5ed
```
#bcc5ed rgb(188,197,237)
```

Analogous Color

#ede5bc
```
#ede5bc rgb(237,229,188)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#edbcc5
```
#edbcc5 rgb(237,188,197)
```

Split Complementary Color

#ddedbc
```
#ddedbc rgb(221,237,188)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#edbcdd
```
#edbcdd rgb(237,188,221)
```

Triadic Color

#bcedcc
```
#bcedcc rgb(188,237,204)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#edbcdd
```
#edbcdd rgb(237,188,221)
```
#edccbc
```
#edccbc rgb(237,204,188)
```

Tetradic Color

#80bedd
```
#80bedd rgb(128,190,221)
```
#94c9e2
```
#94c9e2 rgb(148,201,226)
```
#a8d3e8
```
#a8d3e8 rgb(168,211,232)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#d0e7f2
```
#d0e7f2 rgb(208,231,242)
```
#e4f1f8
```
#e4f1f8 rgb(228,241,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Monochromatic Color

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

#bce9ed
```
#bce9ed rgb(188,233,237)
```
#bce5ed
```
#bce5ed rgb(188,229,237)
```
#bce1ed
```
#bce1ed rgb(188,225,237)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#bcd9ed
```
#bcd9ed rgb(188,217,237)
```
#bcd5ed
```
#bcd5ed rgb(188,213,237)
```
#bcd1ed
```
#bcd1ed rgb(188,209,237)
```

Similar Colors

Text with hexadecimal color #bcdded

This text has a font color of #bcdded.

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

#bcdded background color

This paragraph has a background color of #bcdded.

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

#bcdded border color

This element has a border color of #bcdded.

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

CSS codes

.text {color:#bcdded;}

.background {background-color:#bcdded;}

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

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, #03080a is the darkest color, while #fafcfe is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#07141a
```
#07141a rgb(7,20,26)
```
#0b1f29
```
#0b1f29 rgb(11,31,41)
```
#0f2b39
```
#0f2b39 rgb(15,43,57)
```
#133748
```
#133748 rgb(19,55,72)
```
#184358
```
#184358 rgb(24,67,88)
```
#1c4e67
```
#1c4e67 rgb(28,78,103)
```
#205a77
```
#205a77 rgb(32,90,119)
```
#246686
```
#246686 rgb(36,102,134)
```
#287295
```
#287295 rgb(40,114,149)
```
#2c7ea5
```
#2c7ea5 rgb(44,126,165)
```
#3089b4
```
#3089b4 rgb(48,137,180)
```
#3595c4
```
#3595c4 rgb(53,149,196)
```

Shade Color Variation

#409ecc
```
#409ecc rgb(64,158,204)
```
#50a6d0
```
#50a6d0 rgb(80,166,208)
```
#5faed4
```
#5faed4 rgb(95,174,212)
```
#6fb6d8
```
#6fb6d8 rgb(111,182,216)
```
#7ebedc
```
#7ebedc rgb(126,190,220)
```
#8ec5e1
```
#8ec5e1 rgb(142,197,225)
```
#9dcde5
```
#9dcde5 rgb(157,205,229)
```
#add5e9
```
#add5e9 rgb(173,213,233)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#cbe5f1
```
#cbe5f1 rgb(203,229,241)
```
#dbedf5
```
#dbedf5 rgb(219,237,245)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d3d5d6
```
#d3d5d6 rgb(211,213,214)
```
#d0d6d9
```
#d0d6d9 rgb(208,214,217)
```
#ccd7dd
```
#ccd7dd rgb(204,215,221)
```
#c9d8e0
```
#c9d8e0 rgb(201,216,224)
```
#c6dae3
```
#c6dae3 rgb(198,218,227)
```
#c3dbe6
```
#c3dbe6 rgb(195,219,230)
```
#bfdcea
```
#bfdcea rgb(191,220,234)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#b9def0
```
#b9def0 rgb(185,222,240)
```
#b5dff4
```
#b5dff4 rgb(181,223,244)
```
#b2e0f7
```
#b2e0f7 rgb(178,224,247)
```
#afe2fa
```
#afe2fa rgb(175,226,250)
```
#ace3fd
```
#ace3fd rgb(172,227,253)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d7da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d8ea Protanopia 1% of men
#e2d4f1 Deuteranopia 1% of men
#bfdeee Tritanopia 0.001% of the population

Trichromacy

#cedaeb Protanomaly 1% of men, 0.01% of women
#d4d7ef Deuteranomaly 6% of men, 0.4% of women
#bedeee Tritanomaly 0.01% of the population

#bcdded hex color

#bcdded Color Information

#bcdded Color Conversion

Color Schemes with #bcdded

Alternatives to #bcdded

#bcdded Preview

Shades and Tints of #bcdded

Tones of #bcdded

Color Blindness Simulator