#bddcee hex color

In a RGB color space, hex #bddcee is composed of 74.1% red, 86.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 7.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 202 degrees, a saturation of 59% and a lightness of 83.7%. #bddcee color hex could be obtained by blending #ffffff with #7bb9dd. Closest websafe color is: #ccccff.

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

● #bddcee color description : Very soft blue.

The hexadecimal color #bddcee has RGB values of R:189, G:220, B:238 and CMYK values of C:0.21, M:0.08, Y:0, K:0.07. Its decimal value is 12442862.

Hex triplet	bddcee	`#bddcee`
RGB Decimal	189, 220, 238	`rgb(189,220,238)`
RGB Percent	74.1, 86.3, 93.3	`rgb(74.1%,86.3%,93.3%)`
CMYK	21, 8, 0, 7
HSL	202°, 59, 83.7	`hsl(202,59%,83.7%)`
HSV (or HSB)	202°, 20.6, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.095, -6.412, -12.21
XYZ	62.009, 68.177, 90.777
xyY	0.281, 0.309, 68.177
CIE-LCH	86.095, 13.791, 242.295
CIE-LUV	86.095, -16.852, -18.093
Hunter-Lab	82.569, -10.445, -7.385
Binary	10111101, 11011100, 11101110

#bddcee
```
#bddcee rgb(189,220,238)
```
#eecfbd
```
#eecfbd rgb(238,207,189)
```

Complementary Color

#bdeee8
```
#bdeee8 rgb(189,238,232)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#bdc4ee
```
#bdc4ee rgb(189,196,238)
```

Analogous Color

#eee8bd
```
#eee8bd rgb(238,232,189)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#eebdc4
```
#eebdc4 rgb(238,189,196)
```

Split Complementary Color

#dceebd
```
#dceebd rgb(220,238,189)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#eebddc
```
#eebddc rgb(238,189,220)
```

Triadic Color

#bdeecf
```
#bdeecf rgb(189,238,207)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#eebddc
```
#eebddc rgb(238,189,220)
```
#eecfbd
```
#eecfbd rgb(238,207,189)
```

Tetradic Color

#80bcde
```
#80bcde rgb(128,188,222)
```
#94c6e4
```
#94c6e4 rgb(148,198,228)
```
#a9d1e9
```
#a9d1e9 rgb(169,209,233)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#d1e7f3
```
#d1e7f3 rgb(209,231,243)
```
#e6f2f8
```
#e6f2f8 rgb(230,242,248)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Monochromatic Color

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

#bde8ee
```
#bde8ee rgb(189,232,238)
```
#bde4ee
```
#bde4ee rgb(189,228,238)
```
#bde0ee
```
#bde0ee rgb(189,224,238)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#bdd8ee
```
#bdd8ee rgb(189,216,238)
```
#bdd4ee
```
#bdd4ee rgb(189,212,238)
```
#bdd0ee
```
#bdd0ee rgb(189,208,238)
```

Similar Colors

Text with hexadecimal color #bddcee

This text has a font color of #bddcee.

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

#bddcee background color

This paragraph has a background color of #bddcee.

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

#bddcee border color

This element has a border color of #bddcee.

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

CSS codes

.text {color:#bddcee;}

.background {background-color:#bddcee;}

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#07141c
```
#07141c rgb(7,20,28)
```
#0b1f2b
```
#0b1f2b rgb(11,31,43)
```
#0f2b3b
```
#0f2b3b rgb(15,43,59)
```
#13364a
```
#13364a rgb(19,54,74)
```
#17415a
```
#17415a rgb(23,65,90)
```
#1b4d6a
```
#1b4d6a rgb(27,77,106)
```
#1f5879
```
#1f5879 rgb(31,88,121)
```
#236389
```
#236389 rgb(35,99,137)
```
#276f98
```
#276f98 rgb(39,111,152)
```
#2b7aa8
```
#2b7aa8 rgb(43,122,168)
```
#2f86b8
```
#2f86b8 rgb(47,134,184)
```
#3391c7
```
#3391c7 rgb(51,145,199)
```

Shade Color Variation

#409ace
```
#409ace rgb(64,154,206)
```
#50a2d2
```
#50a2d2 rgb(80,162,210)
```
#5faad6
```
#5faad6 rgb(95,170,214)
```
#6fb3da
```
#6fb3da rgb(111,179,218)
```
#7fbbde
```
#7fbbde rgb(127,187,222)
```
#8ec3e2
```
#8ec3e2 rgb(142,195,226)
```
#9ecbe6
```
#9ecbe6 rgb(158,203,230)
```
#add4ea
```
#add4ea rgb(173,212,234)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#cde4f2
```
#cde4f2 rgb(205,228,242)
```
#dcedf6
```
#dcedf6 rgb(220,237,246)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#d3d6d8
```
#d3d6d8 rgb(211,214,216)
```
#d0d7db
```
#d0d7db rgb(208,215,219)
```
#cdd8de
```
#cdd8de rgb(205,216,222)
```
#cad9e1
```
#cad9e1 rgb(202,217,225)
```
#c7d9e4
```
#c7d9e4 rgb(199,217,228)
```
#c3dae8
```
#c3dae8 rgb(195,218,232)
```
#c0dbeb
```
#c0dbeb rgb(192,219,235)
```
#bddcee
```
#bddcee rgb(189,220,238)
```
#baddf1
```
#baddf1 rgb(186,221,241)
```
#b7def4
```
#b7def4 rgb(183,222,244)
```
#b3dff8
```
#b3dff8 rgb(179,223,248)
```
#b0dffb
```
#b0dffb rgb(176,223,251)
```
#ade0fe
```
#ade0fe rgb(173,224,254)
```

Tone Color Variation

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

Dichromacy

#d7d8eb Protanopia 1% of men
#e1d4f2 Deuteranopia 1% of men
#c0dded Tritanopia 0.001% of the population

Trichromacy

#cdd9ec Protanomaly 1% of men, 0.01% of women
#d4d7f0 Deuteranomaly 6% of men, 0.4% of women
#bfdded Tritanomaly 0.01% of the population

#bddcee hex color

#bddcee Color Information

#bddcee Color Conversion

Color Schemes with #bddcee

Alternatives to #bddcee

#bddcee Preview

Shades and Tints of #bddcee

Tones of #bddcee

Color Blindness Simulator