#bdd5ec hex color

In a RGB color space, hex #bdd5ec is composed of 74.1% red, 83.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 19.9% cyan, 9.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 209.4 degrees, a saturation of 55.3% and a lightness of 83.3%. #bdd5ec color hex could be obtained by blending #ffffff with #7babd9. Closest websafe color is: #ccccff.

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

● #bdd5ec color description : Light grayish blue.

The hexadecimal color #bdd5ec has RGB values of R:189, G:213, B:236 and CMYK values of C:0.2, M:0.1, Y:0, K:0.07. Its decimal value is 12441068.

Hex triplet	bdd5ec	`#bdd5ec`
RGB Decimal	189, 213, 236	`rgb(189,213,236)`
RGB Percent	74.1, 83.5, 92.5	`rgb(74.1%,83.5%,92.5%)`
CMYK	20, 10, 0, 7
HSL	209.4°, 55.3, 83.3	`hsl(209.4,55.3%,83.3%)`
HSV (or HSB)	209.4°, 19.9, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.206, -3.2, -13.977
XYZ	59.918, 64.462, 88.638
xyY	0.281, 0.303, 64.462
CIE-LCH	84.206, 14.338, 257.103
CIE-LUV	84.206, -13.625, -21.414
Hunter-Lab	80.288, -7.294, -9.254
Binary	10111101, 11010101, 11101100

#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#ecd4bd
```
#ecd4bd rgb(236,212,189)
```

Complementary Color

#bdecec
```
#bdecec rgb(189,236,236)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#bdbeec
```
#bdbeec rgb(189,190,236)
```

Analogous Color

#ececbd
```
#ececbd rgb(236,236,189)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#ecbdbe
```
#ecbdbe rgb(236,189,190)
```

Split Complementary Color

#d5ecbd
```
#d5ecbd rgb(213,236,189)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#ecbdd5
```
#ecbdd5 rgb(236,189,213)
```

Triadic Color

#bdecd4
```
#bdecd4 rgb(189,236,212)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#ecbdd5
```
#ecbdd5 rgb(236,189,213)
```
#ecd4bd
```
#ecd4bd rgb(236,212,189)
```

Tetradic Color

#82afdb
```
#82afdb rgb(130,175,219)
```
#95bce1
```
#95bce1 rgb(149,188,225)
```
#a9c8e6
```
#a9c8e6 rgb(169,200,230)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#d1e2f2
```
#d1e2f2 rgb(209,226,242)
```
#e5eef7
```
#e5eef7 rgb(229,238,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bde1ec
```
#bde1ec rgb(189,225,236)
```
#bdddec
```
#bdddec rgb(189,221,236)
```
#bdd9ec
```
#bdd9ec rgb(189,217,236)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#bdd1ec
```
#bdd1ec rgb(189,209,236)
```
#bdcdec
```
#bdcdec rgb(189,205,236)
```
#bdc9ec
```
#bdc9ec rgb(189,201,236)
```

Similar Colors

Text with hexadecimal color #bdd5ec

This text has a font color of #bdd5ec.

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

#bdd5ec background color

This paragraph has a background color of #bdd5ec.

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

#bdd5ec border color

This element has a border color of #bdd5ec.

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

CSS codes

.text {color:#bdd5ec;}

.background {background-color:#bdd5ec;}

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#071119
```
#071119 rgb(7,17,25)
```
#0c1a29
```
#0c1a29 rgb(12,26,41)
```
#102438
```
#102438 rgb(16,36,56)
```
#142e47
```
#142e47 rgb(20,46,71)
```
#193856
```
#193856 rgb(25,56,86)
```
#1d4266
```
#1d4266 rgb(29,66,102)
```
#224c75
```
#224c75 rgb(34,76,117)
```
#265684
```
#265684 rgb(38,86,132)
```
#2a6093
```
#2a6093 rgb(42,96,147)
```
#2f6aa2
```
#2f6aa2 rgb(47,106,162)
```
#3374b2
```
#3374b2 rgb(51,116,178)
```
#387ec1
```
#387ec1 rgb(56,126,193)
```

Shade Color Variation

#4387c9
```
#4387c9 rgb(67,135,201)
```
#5291cd
```
#5291cd rgb(82,145,205)
```
#629bd2
```
#629bd2 rgb(98,155,210)
```
#71a5d6
```
#71a5d6 rgb(113,165,214)
```
#80aeda
```
#80aeda rgb(128,174,218)
```
#8fb8df
```
#8fb8df rgb(143,184,223)
```
#9fc2e3
```
#9fc2e3 rgb(159,194,227)
```
#aecbe8
```
#aecbe8 rgb(174,203,232)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#ccdff0
```
#ccdff0 rgb(204,223,240)
```
#dbe8f5
```
#dbe8f5 rgb(219,232,245)
```
#ebf2f9
```
#ebf2f9 rgb(235,242,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d5d8
```
#d1d5d8 rgb(209,213,216)
```
#cdd5dc
```
#cdd5dc rgb(205,213,220)
```
#cad5df
```
#cad5df rgb(202,213,223)
```
#c7d5e2
```
#c7d5e2 rgb(199,213,226)
```
#c4d5e5
```
#c4d5e5 rgb(196,213,229)
```
#c0d5e9
```
#c0d5e9 rgb(192,213,233)
```
#bdd5ec
```
#bdd5ec rgb(189,213,236)
```
#bad5ef
```
#bad5ef rgb(186,213,239)
```
#b6d5f3
```
#b6d5f3 rgb(182,213,243)
```
#b3d5f6
```
#b3d5f6 rgb(179,213,246)
```
#b0d5f9
```
#b0d5f9 rgb(176,213,249)
```
#add5fc
```
#add5fc rgb(173,213,252)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd1d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d2ea Protanopia 1% of men
#dacfef Deuteranopia 1% of men
#bfd8e7 Tritanopia 0.001% of the population

Trichromacy

#c9d3eb Protanomaly 1% of men, 0.01% of women
#cfd1ee Deuteranomaly 6% of men, 0.4% of women
#bed6e9 Tritanomaly 0.01% of the population

#bdd5ec hex color

#bdd5ec Color Information

#bdd5ec Color Conversion

Color Schemes with #bdd5ec

Alternatives to #bdd5ec

#bdd5ec Preview

Shades and Tints of #bdd5ec

Tones of #bdd5ec

Color Blindness Simulator