#bdc4f1 hex color

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

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

● #bdc4f1 color description : Very soft blue.

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

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

CIE-LAB	79.982, 6.945, -23.019
XYZ	56.6, 56.649, 91.167
xyY	0.277, 0.277, 56.649
CIE-LCH	79.982, 24.044, 286.789
CIE-LUV	79.982, -6.184, -37.647
Hunter-Lab	75.265, 2.519, -19.13
Binary	10111101, 11000100, 11110001

#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#f1eabd
```
#f1eabd rgb(241,234,189)
```

Complementary Color

#bddef1
```
#bddef1 rgb(189,222,241)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#d0bdf1
```
#d0bdf1 rgb(208,189,241)
```

Analogous Color

#def1bd
```
#def1bd rgb(222,241,189)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#f1d0bd
```
#f1d0bd rgb(241,208,189)
```

Split Complementary Color

#c4f1bd
```
#c4f1bd rgb(196,241,189)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#f1bdc4
```
#f1bdc4 rgb(241,189,196)
```

Triadic Color

#bdf1ea
```
#bdf1ea rgb(189,241,234)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#f1bdc4
```
#f1bdc4 rgb(241,189,196)
```
#f1eabd
```
#f1eabd rgb(241,234,189)
```

Tetradic Color

#7e8ce4
```
#7e8ce4 rgb(126,140,228)
```
#939ee8
```
#939ee8 rgb(147,158,232)
```
#a8b1ed
```
#a8b1ed rgb(168,177,237)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#d2d7f5
```
#d2d7f5 rgb(210,215,245)
```
#e7eafa
```
#e7eafa rgb(231,234,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Monochromatic Color

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

#bdd1f1
```
#bdd1f1 rgb(189,209,241)
```
#bdcdf1
```
#bdcdf1 rgb(189,205,241)
```
#bdc8f1
```
#bdc8f1 rgb(189,200,241)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#bdc0f1
```
#bdc0f1 rgb(189,192,241)
```
#bfbdf1
```
#bfbdf1 rgb(191,189,241)
```
#c3bdf1
```
#c3bdf1 rgb(195,189,241)
```

Similar Colors

Text with hexadecimal color #bdc4f1

This text has a font color of #bdc4f1.

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

#bdc4f1 background color

This paragraph has a background color of #bdc4f1.

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

#bdc4f1 border color

This element has a border color of #bdc4f1.

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

CSS codes

.text {color:#bdc4f1;}

.background {background-color:#bdc4f1;}

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

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)
```
#070a1f
```
#070a1f rgb(7,10,31)
```
#0a0f2f
```
#0a0f2f rgb(10,15,47)
```
#0d143f
```
#0d143f rgb(13,20,63)
```
#111950
```
#111950 rgb(17,25,80)
```
#141e60
```
#141e60 rgb(20,30,96)
```
#182470
```
#182470 rgb(24,36,112)
```
#1b2980
```
#1b2980 rgb(27,41,128)
```
#1f2e90
```
#1f2e90 rgb(31,46,144)
```
#2233a1
```
#2233a1 rgb(34,51,161)
```
#2538b1
```
#2538b1 rgb(37,56,177)
```
#293dc1
```
#293dc1 rgb(41,61,193)
```
#2c43d1
```
#2c43d1 rgb(44,67,209)
```

Shade Color Variation

#3c50d6
```
#3c50d6 rgb(60,80,214)
```
#4c5fd9
```
#4c5fd9 rgb(76,95,217)
```
#5c6ddc
```
#5c6ddc rgb(92,109,220)
```
#6c7ce0
```
#6c7ce0 rgb(108,124,224)
```
#7c8ae3
```
#7c8ae3 rgb(124,138,227)
```
#8c99e7
```
#8c99e7 rgb(140,153,231)
```
#9da7ea
```
#9da7ea rgb(157,167,234)
```
#adb6ee
```
#adb6ee rgb(173,182,238)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#cdd2f4
```
#cdd2f4 rgb(205,210,244)
```
#dde1f8
```
#dde1f8 rgb(221,225,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 #b1bbfd 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)
```
#c9cde5
```
#c9cde5 rgb(201,205,229)
```
#c6cbe8
```
#c6cbe8 rgb(198,203,232)
```
#c3c8eb
```
#c3c8eb rgb(195,200,235)
```
#c0c6ee
```
#c0c6ee rgb(192,198,238)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#b7c0f7
```
#b7c0f7 rgb(183,192,247)
```
#b4bdfa
```
#b4bdfa rgb(180,189,250)
```
#b1bbfd
```
#b1bbfd rgb(177,187,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c6cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec7f1 Protanopia 1% of men
#c6c5f2 Deuteranopia 1% of men
#bacbda Tritanopia 0.001% of the population

Trichromacy

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

#bdc4f1 hex color

#bdc4f1 Color Information

#bdc4f1 Color Conversion

Color Schemes with #bdc4f1

Alternatives to #bdc4f1

#bdc4f1 Preview

Shades and Tints of #bdc4f1

Tones of #bdc4f1

Color Blindness Simulator