#bdc3f1 hex color

In a RGB color space, hex #bdc3f1 is composed of 74.1% red, 76.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 19.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 233.1 degrees, a saturation of 65% and a lightness of 84.3%. #bdc3f1 color hex could be obtained by blending #ffffff with #7b87e3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 76
- B 95
RGB color chart
- C 22
- M 19
- Y 0
- K 5
CMYK color chart

● #bdc3f1 color description : Very soft blue.

The hexadecimal color #bdc3f1 has RGB values of R:189, G:195, B:241 and CMYK values of C:0.22, M:0.19, Y:0, K:0.05. Its decimal value is 12436465.

Hex triplet	bdc3f1	`#bdc3f1`
RGB Decimal	189, 195, 241	`rgb(189,195,241)`
RGB Percent	74.1, 76.5, 94.5	`rgb(74.1%,76.5%,94.5%)`
CMYK	22, 19, 0, 5
HSL	233.1°, 65, 84.3	`hsl(233.1,65%,84.3%)`
HSV (or HSB)	233.1°, 21.6, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.727, 7.485, -23.406
XYZ	56.375, 56.199, 91.092
xyY	0.277, 0.276, 56.199
CIE-LCH	79.727, 24.574, 287.733
CIE-LUV	79.727, -5.739, -38.356
Hunter-Lab	74.966, 3.044, -19.567
Binary	10111101, 11000011, 11110001

#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#f1ebbd
```
#f1ebbd rgb(241,235,189)
```

Complementary Color

#bdddf1
```
#bdddf1 rgb(189,221,241)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#d1bdf1
```
#d1bdf1 rgb(209,189,241)
```

Analogous Color

#ddf1bd
```
#ddf1bd rgb(221,241,189)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#f1d1bd
```
#f1d1bd rgb(241,209,189)
```

Split Complementary Color

#c3f1bd
```
#c3f1bd rgb(195,241,189)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#f1bdc3
```
#f1bdc3 rgb(241,189,195)
```

Triadic Color

#bdf1eb
```
#bdf1eb rgb(189,241,235)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#f1bdc3
```
#f1bdc3 rgb(241,189,195)
```
#f1ebbd
```
#f1ebbd rgb(241,235,189)
```

Tetradic Color

#7e8ae4
```
#7e8ae4 rgb(126,138,228)
```
#939de8
```
#939de8 rgb(147,157,232)
```
#a8b0ed
```
#a8b0ed rgb(168,176,237)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#d2d6f5
```
#d2d6f5 rgb(210,214,245)
```
#e7e9fa
```
#e7e9fa rgb(231,233,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Monochromatic Color

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

#bdd0f1
```
#bdd0f1 rgb(189,208,241)
```
#bdccf1
```
#bdccf1 rgb(189,204,241)
```
#bdc7f1
```
#bdc7f1 rgb(189,199,241)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#bdbff1
```
#bdbff1 rgb(189,191,241)
```
#c0bdf1
```
#c0bdf1 rgb(192,189,241)
```
#c4bdf1
```
#c4bdf1 rgb(196,189,241)
```

Similar Colors

Text with hexadecimal color #bdc3f1

This text has a font color of #bdc3f1.

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

#bdc3f1 background color

This paragraph has a background color of #bdc3f1.

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

#bdc3f1 border color

This element has a border color of #bdc3f1.

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

CSS codes

.text {color:#bdc3f1;}

.background {background-color:#bdc3f1;}

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

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, #03050f is the darkest color, while #fefeff is the lightest one.

#03050f
```
#03050f rgb(3,5,15)
```
#07091f
```
#07091f rgb(7,9,31)
```
#0a0e2f
```
#0a0e2f rgb(10,14,47)
```
#0d133f
```
#0d133f rgb(13,19,63)
```
#111850
```
#111850 rgb(17,24,80)
```
#141d60
```
#141d60 rgb(20,29,96)
```
#182270
```
#182270 rgb(24,34,112)
```
#1b2780
```
#1b2780 rgb(27,39,128)
```
#1f2c90
```
#1f2c90 rgb(31,44,144)
```
#2231a1
```
#2231a1 rgb(34,49,161)
```
#2536b1
```
#2536b1 rgb(37,54,177)
```
#293ac1
```
#293ac1 rgb(41,58,193)
```
#2c3fd1
```
#2c3fd1 rgb(44,63,209)
```

Shade Color Variation

#3c4dd6
```
#3c4dd6 rgb(60,77,214)
```
#4c5cd9
```
#4c5cd9 rgb(76,92,217)
```
#5c6bdc
```
#5c6bdc rgb(92,107,220)
```
#6c79e0
```
#6c79e0 rgb(108,121,224)
```
#7c88e3
```
#7c88e3 rgb(124,136,227)
```
#8c97e7
```
#8c97e7 rgb(140,151,231)
```
#9da6ea
```
#9da6ea rgb(157,166,234)
```
#adb4ee
```
#adb4ee rgb(173,180,238)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#cdd2f4
```
#cdd2f4 rgb(205,210,244)
```
#dde0f8
```
#dde0f8 rgb(221,224,248)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d6d8
```
#d6d6d8 rgb(214,214,216)
```
#d3d4db
```
#d3d4db rgb(211,212,219)
```
#cfd1df
```
#cfd1df rgb(207,209,223)
```
#cccfe2
```
#cccfe2 rgb(204,207,226)
```
#c9cce5
```
#c9cce5 rgb(201,204,229)
```
#c6cae8
```
#c6cae8 rgb(198,202,232)
```
#c3c8eb
```
#c3c8eb rgb(195,200,235)
```
#c0c5ee
```
#c0c5ee rgb(192,197,238)
```
#bdc3f1
```
#bdc3f1 rgb(189,195,241)
```
#bac1f4
```
#bac1f4 rgb(186,193,244)
```
#b7bef7
```
#b7bef7 rgb(183,190,247)
```
#b4bcfa
```
#b4bcfa rgb(180,188,250)
```
#b1bafd
```
#b1bafd rgb(177,186,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c5cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f2 Protanopia 1% of men
#c4c4f2 Deuteranopia 1% of men
#bacad9 Tritanopia 0.001% of the population

Trichromacy

#bdc5f1 Protanomaly 1% of men, 0.01% of women
#c2c4f1 Deuteranomaly 6% of men, 0.4% of women
#bbc7e1 Tritanomaly 0.01% of the population

#bdc3f1 hex color

#bdc3f1 Color Information

#bdc3f1 Color Conversion

Color Schemes with #bdc3f1

Alternatives to #bdc3f1

#bdc3f1 Preview

Shades and Tints of #bdc3f1

Tones of #bdc3f1

Color Blindness Simulator