#bdc2e3 hex color

In a RGB color space, hex #bdc2e3 is composed of 74.1% red, 76.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 14.5% magenta, 0% yellow and 11% black. It has a hue angle of 232.1 degrees, a saturation of 40.4% and a lightness of 81.6%. #bdc2e3 color hex could be obtained by blending #ffffff with #7b85c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 76
- B 89
RGB color chart
- C 17
- M 15
- Y 0
- K 11
CMYK color chart

● #bdc2e3 color description : Light grayish blue.

The hexadecimal color #bdc2e3 has RGB values of R:189, G:194, B:227 and CMYK values of C:0.17, M:0.15, Y:0, K:0.11. Its decimal value is 12436195.

Hex triplet	bdc2e3	`#bdc2e3`
RGB Decimal	189, 194, 227	`rgb(189,194,227)`
RGB Percent	74.1, 76.1, 89	`rgb(74.1%,76.1%,89%)`
CMYK	17, 15, 0, 11
HSL	232.1°, 40.4, 81.6	`hsl(232.1,40.4%,81.6%)`
HSV (or HSB)	232.1°, 16.7, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.011, 4.943, -16.975
XYZ	54.141, 54.948, 80.422
xyY	0.286, 0.29, 54.948
CIE-LCH	79.011, 17.68, 286.236
CIE-LUV	79.011, -4.536, -27.367
Hunter-Lab	74.127, 0.65, -12.437
Binary	10111101, 11000010, 11100011

#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#e3debd
```
#e3debd rgb(227,222,189)
```

Complementary Color

#bdd5e3
```
#bdd5e3 rgb(189,213,227)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#cbbde3
```
#cbbde3 rgb(203,189,227)
```

Analogous Color

#d5e3bd
```
#d5e3bd rgb(213,227,189)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#e3cbbd
```
#e3cbbd rgb(227,203,189)
```

Split Complementary Color

#c2e3bd
```
#c2e3bd rgb(194,227,189)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#e3bdc2
```
#e3bdc2 rgb(227,189,194)
```

Triadic Color

#bde3de
```
#bde3de rgb(189,227,222)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#e3bdc2
```
#e3bdc2 rgb(227,189,194)
```
#e3debd
```
#e3debd rgb(227,222,189)
```

Tetradic Color

#8790cc
```
#8790cc rgb(135,144,204)
```
#99a1d4
```
#99a1d4 rgb(153,161,212)
```
#abb1db
```
#abb1db rgb(171,177,219)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#e1e3f2
```
#e1e3f2 rgb(225,227,242)
```
#f3f4fa
```
#f3f4fa rgb(243,244,250)
```

Monochromatic Color

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

#bdcce3
```
#bdcce3 rgb(189,204,227)
```
#bdc8e3
```
#bdc8e3 rgb(189,200,227)
```
#bdc5e3
```
#bdc5e3 rgb(189,197,227)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#bdbfe3
```
#bdbfe3 rgb(189,191,227)
```
#bebde3
```
#bebde3 rgb(190,189,227)
```
#c2bde3
```
#c2bde3 rgb(194,189,227)
```

Similar Colors

Text with hexadecimal color #bdc2e3

This text has a font color of #bdc2e3.

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

#bdc2e3 background color

This paragraph has a background color of #bdc2e3.

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

#bdc2e3 border color

This element has a border color of #bdc2e3.

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

CSS codes

.text {color:#bdc2e3;}

.background {background-color:#bdc2e3;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0d0f1e
```
#0d0f1e rgb(13,15,30)
```
#13162c
```
#13162c rgb(19,22,44)
```
#191d3a
```
#191d3a rgb(25,29,58)
```
#1e2448
```
#1e2448 rgb(30,36,72)
```
#242b55
```
#242b55 rgb(36,43,85)
```
#2a3263
```
#2a3263 rgb(42,50,99)
```
#303971
```
#303971 rgb(48,57,113)
```
#363f7f
```
#363f7f rgb(54,63,127)
```
#3c468d
```
#3c468d rgb(60,70,141)
```
#414d9a
```
#414d9a rgb(65,77,154)
```
#4754a8
```
#4754a8 rgb(71,84,168)
```

Shade Color Variation

#4f5cb4
```
#4f5cb4 rgb(79,92,180)
```
#5d69ba
```
#5d69ba rgb(93,105,186)
```
#6a76c0
```
#6a76c0 rgb(106,118,192)
```
#7882c6
```
#7882c6 rgb(120,130,198)
```
#868fcc
```
#868fcc rgb(134,143,204)
```
#949cd1
```
#949cd1 rgb(148,156,209)
```
#a1a9d7
```
#a1a9d7 rgb(161,169,215)
```
#afb5dd
```
#afb5dd rgb(175,181,221)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#cbcfe9
```
#cbcfe9 rgb(203,207,233)
```
#d9dbef
```
#d9dbef rgb(217,219,239)
```
#e6e8f5
```
#e6e8f5 rgb(230,232,245)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

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

#cfcfd1
```
#cfcfd1 rgb(207,207,209)
```
#cbcdd5
```
#cbcdd5 rgb(203,205,213)
```
#c8cad8
```
#c8cad8 rgb(200,202,216)
```
#c4c7dc
```
#c4c7dc rgb(196,199,220)
```
#c1c5df
```
#c1c5df rgb(193,197,223)
```
#bdc2e3
```
#bdc2e3 rgb(189,194,227)
```
#b9bfe7
```
#b9bfe7 rgb(185,191,231)
```
#b6bdea
```
#b6bdea rgb(182,189,234)
```
#b2baee
```
#b2baee rgb(178,186,238)
```
#afb7f1
```
#afb7f1 rgb(175,183,241)
```
#abb5f5
```
#abb5f5 rgb(171,181,245)
```
#a7b2f9
```
#a7b2f9 rgb(167,178,249)
```
#a4affc
```
#a4affc rgb(164,175,252)
```

Tone Color Variation

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

Dichromacy

#c0c5e4 Protanopia 1% of men
#c9c2e5 Deuteranopia 1% of men
#bdc7d6 Tritanopia 0.001% of the population

Trichromacy

#bfc4e3 Protanomaly 1% of men, 0.01% of women
#c4c2e4 Deuteranomaly 6% of men, 0.4% of women
#bdc5da Tritanomaly 0.01% of the population

#bdc2e3 hex color

#bdc2e3 Color Information

#bdc2e3 Color Conversion

Color Schemes with #bdc2e3

Alternatives to #bdc2e3

#bdc2e3 Preview

Shades and Tints of #bdc2e3

Tones of #bdc2e3

Color Blindness Simulator