#bcddf6 hex color

In a RGB color space, hex #bcddf6 is composed of 73.7% red, 86.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 10.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 205.9 degrees, a saturation of 76.3% and a lightness of 85.1%. #bcddf6 color hex could be obtained by blending #ffffff with #79bbed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 87
- B 96
RGB color chart
- C 24
- M 10
- Y 0
- K 4
CMYK color chart

● #bcddf6 color description : Very soft blue.

The hexadecimal color #bcddf6 has RGB values of R:188, G:221, B:246 and CMYK values of C:0.24, M:0.1, Y:0, K:0.04. Its decimal value is 12377590.

Hex triplet	bcddf6	`#bcddf6`
RGB Decimal	188, 221, 246	`rgb(188,221,246)`
RGB Percent	73.7, 86.7, 96.5	`rgb(73.7%,86.7%,96.5%)`
CMYK	24, 10, 0, 4
HSL	205.9°, 76.3, 85.1	`hsl(205.9,76.3%,85.1%)`
HSV (or HSB)	205.9°, 23.6, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.532, -5.476, -15.783
XYZ	63.226, 69.057, 97.182
xyY	0.276, 0.301, 69.057
CIE-LCH	86.532, 16.706, 250.865
CIE-LUV	86.532, -17.97, -24.081
Hunter-Lab	83.1, -9.615, -11.167
Binary	10111100, 11011101, 11110110

#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#f6d5bc
```
#f6d5bc rgb(246,213,188)
```

Complementary Color

#bcf6f2
```
#bcf6f2 rgb(188,246,242)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#bcc0f6
```
#bcc0f6 rgb(188,192,246)
```

Analogous Color

#f6f2bc
```
#f6f2bc rgb(246,242,188)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#f6bcc0
```
#f6bcc0 rgb(246,188,192)
```

Split Complementary Color

#ddf6bc
```
#ddf6bc rgb(221,246,188)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#f6bcdd
```
#f6bcdd rgb(246,188,221)
```

Triadic Color

#bcf6d5
```
#bcf6d5 rgb(188,246,213)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#f6bcdd
```
#f6bcdd rgb(246,188,221)
```
#f6d5bc
```
#f6d5bc rgb(246,213,188)
```

Tetradic Color

#79bbed
```
#79bbed rgb(121,187,237)
```
#8fc6f0
```
#8fc6f0 rgb(143,198,240)
```
#a6d2f3
```
#a6d2f3 rgb(166,210,243)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#d2e8f9
```
#d2e8f9 rgb(210,232,249)
```
#e9f4fc
```
#e9f4fc rgb(233,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcecf6
```
#bcecf6 rgb(188,236,246)
```
#bce7f6
```
#bce7f6 rgb(188,231,246)
```
#bce2f6
```
#bce2f6 rgb(188,226,246)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#bcd8f6
```
#bcd8f6 rgb(188,216,246)
```
#bcd3f6
```
#bcd3f6 rgb(188,211,246)
```
#bccff6
```
#bccff6 rgb(188,207,246)
```

Similar Colors

Text with hexadecimal color #bcddf6

This text has a font color of #bcddf6.

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

#bcddf6 background color

This paragraph has a background color of #bcddf6.

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

#bcddf6 border color

This element has a border color of #bcddf6.

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

CSS codes

.text {color:#bcddf6;}

.background {background-color:#bcddf6;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c13
```
#030c13 rgb(3,12,19)
```
#051725
```
#051725 rgb(5,23,37)
```
#072236
```
#072236 rgb(7,34,54)
```
#0a2d47
```
#0a2d47 rgb(10,45,71)
```
#0c3859
```
#0c3859 rgb(12,56,89)
```
#0e426a
```
#0e426a rgb(14,66,106)
```
#114d7b
```
#114d7b rgb(17,77,123)
```
#13588d
```
#13588d rgb(19,88,141)
```
#15639e
```
#15639e rgb(21,99,158)
```
#186eaf
```
#186eaf rgb(24,110,175)
```
#1a79c0
```
#1a79c0 rgb(26,121,192)
```
#1c83d2
```
#1c83d2 rgb(28,131,210)
```

Shade Color Variation

#208ee1
```
#208ee1 rgb(32,142,225)
```
#3297e3
```
#3297e3 rgb(50,151,227)
```
#43a0e6
```
#43a0e6 rgb(67,160,230)
```
#54a8e8
```
#54a8e8 rgb(84,168,232)
```
#66b1ea
```
#66b1ea rgb(102,177,234)
```
#77baed
```
#77baed rgb(119,186,237)
```
#88c3ef
```
#88c3ef rgb(136,195,239)
```
#99cbf1
```
#99cbf1 rgb(153,203,241)
```
#abd4f4
```
#abd4f4 rgb(171,212,244)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#cde6f8
```
#cde6f8 rgb(205,230,248)
```
#dfeffb
```
#dfeffb rgb(223,239,251)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

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

#d6d9dc
```
#d6d9dc rgb(214,217,220)
```
#d3dadf
```
#d3dadf rgb(211,218,223)
```
#d0dae2
```
#d0dae2 rgb(208,218,226)
```
#cedbe4
```
#cedbe4 rgb(206,219,228)
```
#cbdbe7
```
#cbdbe7 rgb(203,219,231)
```
#c8dbea
```
#c8dbea rgb(200,219,234)
```
#c5dced
```
#c5dced rgb(197,220,237)
```
#c2dcf0
```
#c2dcf0 rgb(194,220,240)
```
#bfddf3
```
#bfddf3 rgb(191,221,243)
```
#bcddf6
```
#bcddf6 rgb(188,221,246)
```
#b9ddf9
```
#b9ddf9 rgb(185,221,249)
```
#b6defc
```
#b6defc rgb(182,222,252)
```
#b3deff
```
#b3deff rgb(179,222,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d1d7dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d9f3 Protanopia 1% of men
#dfd5f9 Deuteranopia 1% of men
#bddff0 Tritanopia 0.001% of the population

Trichromacy

#ccdaf4 Protanomaly 1% of men, 0.01% of women
#d2d8f8 Deuteranomaly 6% of men, 0.4% of women
#bddef2 Tritanomaly 0.01% of the population

#bcddf6 hex color

#bcddf6 Color Information

#bcddf6 Color Conversion

Color Schemes with #bcddf6

Alternatives to #bcddf6

#bcddf6 Preview

Shades and Tints of #bcddf6

Tones of #bcddf6

Color Blindness Simulator