#bdc4da hex color

In a RGB color space, hex #bdc4da is composed of 74.1% red, 76.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 10.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 225.5 degrees, a saturation of 28.2% and a lightness of 79.8%. #bdc4da color hex could be obtained by blending #ffffff with #7b89b5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 77
- B 85
RGB color chart
- C 13
- M 10
- Y 0
- K 15
CMYK color chart

● #bdc4da color description : Light grayish blue.

The hexadecimal color #bdc4da has RGB values of R:189, G:196, B:218 and CMYK values of C:0.13, M:0.1, Y:0, K:0.15. Its decimal value is 12436698.

Hex triplet	bdc4da	`#bdc4da`
RGB Decimal	189, 196, 218	`rgb(189,196,218)`
RGB Percent	74.1, 76.9, 85.5	`rgb(74.1%,76.9%,85.5%)`
CMYK	13, 10, 0, 15
HSL	225.5°, 28.2, 79.8	`hsl(225.5,28.2%,79.8%)`
HSV (or HSB)	225.5°, 13.3, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.248, 1.968, -11.778
XYZ	53.379, 55.36, 74.199
xyY	0.292, 0.303, 55.36
CIE-LCH	79.248, 11.941, 279.488
CIE-LUV	79.248, -5.002, -18.545
Hunter-Lab	74.404, -2.15, -7.043
Binary	10111101, 11000100, 11011010

#bdc4da
```
#bdc4da rgb(189,196,218)
```
#dad3bd
```
#dad3bd rgb(218,211,189)
```

Complementary Color

#bdd3da
```
#bdd3da rgb(189,211,218)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#c5bdda
```
#c5bdda rgb(197,189,218)
```

Analogous Color

#d3dabd
```
#d3dabd rgb(211,218,189)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#dac5bd
```
#dac5bd rgb(218,197,189)
```

Split Complementary Color

#c4dabd
```
#c4dabd rgb(196,218,189)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#dabdc4
```
#dabdc4 rgb(218,189,196)
```

Triadic Color

#bddad3
```
#bddad3 rgb(189,218,211)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#dabdc4
```
#dabdc4 rgb(218,189,196)
```
#dad3bd
```
#dad3bd rgb(218,211,189)
```

Tetradic Color

#8c98bf
```
#8c98bf rgb(140,152,191)
```
#9ca7c8
```
#9ca7c8 rgb(156,167,200)
```
#adb5d1
```
#adb5d1 rgb(173,181,209)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#cdd3e3
```
#cdd3e3 rgb(205,211,227)
```
#dee1ec
```
#dee1ec rgb(222,225,236)
```
#eef0f5
```
#eef0f5 rgb(238,240,245)
```

Monochromatic Color

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

#bdcbda
```
#bdcbda rgb(189,203,218)
```
#bdc9da
```
#bdc9da rgb(189,201,218)
```
#bdc6da
```
#bdc6da rgb(189,198,218)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#bdc2da
```
#bdc2da rgb(189,194,218)
```
#bdbfda
```
#bdbfda rgb(189,191,218)
```
#bdbdda
```
#bdbdda rgb(189,189,218)
```

Similar Colors

Text with hexadecimal color #bdc4da

This text has a font color of #bdc4da.

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

#bdc4da background color

This paragraph has a background color of #bdc4da.

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

#bdc4da border color

This element has a border color of #bdc4da.

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

CSS codes

.text {color:#bdc4da;}

.background {background-color:#bdc4da;}

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0f16
```
#0c0f16 rgb(12,15,22)
```
#131723
```
#131723 rgb(19,23,35)
```
#1a1f2f
```
#1a1f2f rgb(26,31,47)
```
#21283c
```
#21283c rgb(33,40,60)
```
#293048
```
#293048 rgb(41,48,72)
```
#303955
```
#303955 rgb(48,57,85)
```
#374161
```
#374161 rgb(55,65,97)
```
#3e496e
```
#3e496e rgb(62,73,110)
```
#45527b
```
#45527b rgb(69,82,123)
```
#4c5a87
```
#4c5a87 rgb(76,90,135)
```
#536294
```
#536294 rgb(83,98,148)
```
#5a6ba0
```
#5a6ba0 rgb(90,107,160)
```

Shade Color Variation

#6575a9
```
#6575a9 rgb(101,117,169)
```
#7281b0
```
#7281b0 rgb(114,129,176)
```
#7e8cb7
```
#7e8cb7 rgb(126,140,183)
```
#8b97be
```
#8b97be rgb(139,151,190)
```
#97a2c5
```
#97a2c5 rgb(151,162,197)
```
#a4aecc
```
#a4aecc rgb(164,174,204)
```
#b0b9d3
```
#b0b9d3 rgb(176,185,211)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#cacfe1
```
#cacfe1 rgb(202,207,225)
```
#d6dae8
```
#d6dae8 rgb(214,218,232)
```
#e3e6ef
```
#e3e6ef rgb(227,230,239)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#c9cace
```
#c9cace rgb(201,202,206)
```
#c5c8d2
```
#c5c8d2 rgb(197,200,210)
```
#c1c6d6
```
#c1c6d6 rgb(193,198,214)
```
#bdc4da
```
#bdc4da rgb(189,196,218)
```
#b9c2de
```
#b9c2de rgb(185,194,222)
```
#b5c0e2
```
#b5c0e2 rgb(181,192,226)
```
#b1bee6
```
#b1bee6 rgb(177,190,230)
```
#adbcea
```
#adbcea rgb(173,188,234)
```
#a9baee
```
#a9baee rgb(169,186,238)
```
#a5b8f2
```
#a5b8f2 rgb(165,184,242)
```
#a1b6f6
```
#a1b6f6 rgb(161,182,246)
```
#9db4fa
```
#9db4fa rgb(157,180,250)
```
#99b2fe
```
#99b2fe rgb(153,178,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c3c4c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c5db Protanopia 1% of men
#cec2dd Deuteranopia 1% of men
#bfc8d6 Tritanopia 0.001% of the population

Trichromacy

#c1c5da Protanomaly 1% of men, 0.01% of women
#c8c3dc Deuteranomaly 6% of men, 0.4% of women
#bec6d7 Tritanomaly 0.01% of the population

#bdc4da hex color

#bdc4da Color Information

#bdc4da Color Conversion

Color Schemes with #bdc4da

Alternatives to #bdc4da

#bdc4da Preview

Shades and Tints of #bdc4da

Tones of #bdc4da

Color Blindness Simulator