#bdd9ed hex color

In a RGB color space, hex #bdd9ed is composed of 74.1% red, 85.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 8.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 205 degrees, a saturation of 57.1% and a lightness of 83.5%. #bdd9ed color hex could be obtained by blending #ffffff with #7bb3db. Closest websafe color is: #ccccff.

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

● #bdd9ed color description : Very soft blue.

The hexadecimal color #bdd9ed has RGB values of R:189, G:217, B:237 and CMYK values of C:0.2, M:0.08, Y:0, K:0.07. Its decimal value is 12442093.

Hex triplet	bdd9ed	`#bdd9ed`
RGB Decimal	189, 217, 237	`rgb(189,217,237)`
RGB Percent	74.1, 85.1, 92.9	`rgb(74.1%,85.1%,92.9%)`
CMYK	20, 8, 0, 7
HSL	205°, 57.1, 83.5	`hsl(205,57.1%,83.5%)`
HSV (or HSB)	205°, 20.3, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.28, -5.071, -12.899
XYZ	61.082, 66.558, 89.745
xyY	0.281, 0.306, 66.558
CIE-LCH	85.28, 13.86, 248.537
CIE-LUV	85.28, -15.468, -19.4
Hunter-Lab	81.583, -9.125, -8.114
Binary	10111101, 11011001, 11101101

#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#edd1bd
```
#edd1bd rgb(237,209,189)
```

Complementary Color

#bdede9
```
#bdede9 rgb(189,237,233)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#bdc1ed
```
#bdc1ed rgb(189,193,237)
```

Analogous Color

#ede9bd
```
#ede9bd rgb(237,233,189)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#edbdc1
```
#edbdc1 rgb(237,189,193)
```

Split Complementary Color

#d9edbd
```
#d9edbd rgb(217,237,189)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#edbdd9
```
#edbdd9 rgb(237,189,217)
```

Triadic Color

#bdedd1
```
#bdedd1 rgb(189,237,209)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#edbdd9
```
#edbdd9 rgb(237,189,217)
```
#edd1bd
```
#edd1bd rgb(237,209,189)
```

Tetradic Color

#81b6dd
```
#81b6dd rgb(129,182,221)
```
#95c2e2
```
#95c2e2 rgb(149,194,226)
```
#a9cde8
```
#a9cde8 rgb(169,205,232)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#d1e5f2
```
#d1e5f2 rgb(209,229,242)
```
#e5f0f8
```
#e5f0f8 rgb(229,240,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Monochromatic Color

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

#bde5ed
```
#bde5ed rgb(189,229,237)
```
#bde1ed
```
#bde1ed rgb(189,225,237)
```
#bddded
```
#bddded rgb(189,221,237)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#bdd5ed
```
#bdd5ed rgb(189,213,237)
```
#bdd1ed
```
#bdd1ed rgb(189,209,237)
```
#bdcded
```
#bdcded rgb(189,205,237)
```

Similar Colors

Text with hexadecimal color #bdd9ed

This text has a font color of #bdd9ed.

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

#bdd9ed background color

This paragraph has a background color of #bdd9ed.

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

#bdd9ed border color

This element has a border color of #bdd9ed.

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

CSS codes

.text {color:#bdd9ed;}

.background {background-color:#bdd9ed;}

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

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

#03080b
```
#03080b rgb(3,8,11)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0b1d2a
```
#0b1d2a rgb(11,29,42)
```
#102839
```
#102839 rgb(16,40,57)
```
#143349
```
#143349 rgb(20,51,73)
```
#183d58
```
#183d58 rgb(24,61,88)
```
#1c4868
```
#1c4868 rgb(28,72,104)
```
#205377
```
#205377 rgb(32,83,119)
```
#255e86
```
#255e86 rgb(37,94,134)
```
#296896
```
#296896 rgb(41,104,150)
```
#2d73a5
```
#2d73a5 rgb(45,115,165)
```
#317eb5
```
#317eb5 rgb(49,126,181)
```
#3589c4
```
#3589c4 rgb(53,137,196)
```

Shade Color Variation

#4292cb
```
#4292cb rgb(66,146,203)
```
#519bd0
```
#519bd0 rgb(81,155,208)
```
#61a4d4
```
#61a4d4 rgb(97,164,212)
```
#70add8
```
#70add8 rgb(112,173,216)
```
#7fb6dc
```
#7fb6dc rgb(127,182,220)
```
#8fbee0
```
#8fbee0 rgb(143,190,224)
```
#9ec7e5
```
#9ec7e5 rgb(158,199,229)
```
#aed0e9
```
#aed0e9 rgb(174,208,233)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#cce2f1
```
#cce2f1 rgb(204,226,241)
```
#dcebf5
```
#dcebf5 rgb(220,235,245)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#d4d5d6
```
#d4d5d6 rgb(212,213,214)
```
#d0d6da
```
#d0d6da rgb(208,214,218)
```
#cdd6dd
```
#cdd6dd rgb(205,214,221)
```
#cad7e0
```
#cad7e0 rgb(202,215,224)
```
#c7d7e3
```
#c7d7e3 rgb(199,215,227)
```
#c3d8e7
```
#c3d8e7 rgb(195,216,231)
```
#c0d8ea
```
#c0d8ea rgb(192,216,234)
```
#bdd9ed
```
#bdd9ed rgb(189,217,237)
```
#badaf0
```
#badaf0 rgb(186,218,240)
```
#b7daf3
```
#b7daf3 rgb(183,218,243)
```
#b3dbf7
```
#b3dbf7 rgb(179,219,247)
```
#b0dbfa
```
#b0dbfa rgb(176,219,250)
```
#addcfd
```
#addcfd rgb(173,220,253)
```

Tone Color Variation

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

Dichromacy

#d4d5ea Protanopia 1% of men
#ded2f0 Deuteranopia 1% of men
#bfdbeb Tritanopia 0.001% of the population

Trichromacy

#ccd6eb Protanomaly 1% of men, 0.01% of women
#d2d4ef Deuteranomaly 6% of men, 0.4% of women
#bedaeb Tritanomaly 0.01% of the population

#bdd9ed hex color

#bdd9ed Color Information

#bdd9ed Color Conversion

Color Schemes with #bdd9ed

Alternatives to #bdd9ed

#bdd9ed Preview

Shades and Tints of #bdd9ed

Tones of #bdd9ed

Color Blindness Simulator