#bdc3f0 hex color

In a RGB color space, hex #bdc3f0 is composed of 74.1% red, 76.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 18.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 232.9 degrees, a saturation of 63% and a lightness of 84.1%. #bdc3f0 color hex could be obtained by blending #ffffff with #7b87e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 76
- B 94
RGB color chart
- C 21
- M 19
- Y 0
- K 6
CMYK color chart

● #bdc3f0 color description : Very soft blue.

The hexadecimal color #bdc3f0 has RGB values of R:189, G:195, B:240 and CMYK values of C:0.21, M:0.19, Y:0, K:0.06. Its decimal value is 12436464.

Hex triplet	bdc3f0	`#bdc3f0`
RGB Decimal	189, 195, 240	`rgb(189,195,240)`
RGB Percent	74.1, 76.5, 94.1	`rgb(74.1%,76.5%,94.1%)`
CMYK	21, 19, 0, 6
HSL	232.9°, 63, 84.1	`hsl(232.9,63%,84.1%)`
HSV (or HSB)	232.9°, 21.3, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.693, 7.26, -22.922
XYZ	56.226, 56.14, 90.307
xyY	0.277, 0.277, 56.14
CIE-LCH	79.693, 24.044, 287.575
CIE-LUV	79.693, -5.685, -37.517
Hunter-Lab	74.926, 2.829, -19.012
Binary	10111101, 11000011, 11110000

#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#f0eabd
```
#f0eabd rgb(240,234,189)
```

Complementary Color

#bdddf0
```
#bdddf0 rgb(189,221,240)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#d1bdf0
```
#d1bdf0 rgb(209,189,240)
```

Analogous Color

#ddf0bd
```
#ddf0bd rgb(221,240,189)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#f0d1bd
```
#f0d1bd rgb(240,209,189)
```

Split Complementary Color

#c3f0bd
```
#c3f0bd rgb(195,240,189)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#f0bdc3
```
#f0bdc3 rgb(240,189,195)
```

Triadic Color

#bdf0ea
```
#bdf0ea rgb(189,240,234)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#f0bdc3
```
#f0bdc3 rgb(240,189,195)
```
#f0eabd
```
#f0eabd rgb(240,234,189)
```

Tetradic Color

#7f8ae2
```
#7f8ae2 rgb(127,138,226)
```
#939de7
```
#939de7 rgb(147,157,231)
```
#a8b0eb
```
#a8b0eb rgb(168,176,235)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#d2d6f5
```
#d2d6f5 rgb(210,214,245)
```
#e7e9f9
```
#e7e9f9 rgb(231,233,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bdd0f0
```
#bdd0f0 rgb(189,208,240)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#bdc7f0
```
#bdc7f0 rgb(189,199,240)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#bdbff0
```
#bdbff0 rgb(189,191,240)
```
#c0bdf0
```
#c0bdf0 rgb(192,189,240)
```
#c4bdf0
```
#c4bdf0 rgb(196,189,240)
```

Similar Colors

Text with hexadecimal color #bdc3f0

This text has a font color of #bdc3f0.

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

#bdc3f0 background color

This paragraph has a background color of #bdc3f0.

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

#bdc3f0 border color

This element has a border color of #bdc3f0.

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

CSS codes

.text {color:#bdc3f0;}

.background {background-color:#bdc3f0;}

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

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, #03040e is the darkest color, while #fdfdff is the lightest one.

#03040e
```
#03040e rgb(3,4,14)
```
#070a1e
```
#070a1e rgb(7,10,30)
```
#0a0f2e
```
#0a0f2e rgb(10,15,46)
```
#0e143e
```
#0e143e rgb(14,20,62)
```
#12194e
```
#12194e rgb(18,25,78)
```
#151e5e
```
#151e5e rgb(21,30,94)
```
#19236e
```
#19236e rgb(25,35,110)
```
#1d287e
```
#1d287e rgb(29,40,126)
```
#202d8e
```
#202d8e rgb(32,45,142)
```
#24329e
```
#24329e rgb(36,50,158)
```
#2737ae
```
#2737ae rgb(39,55,174)
```
#2b3cbe
```
#2b3cbe rgb(43,60,190)
```
#2f41ce
```
#2f41ce rgb(47,65,206)
```

Shade Color Variation

#3d4fd3
```
#3d4fd3 rgb(61,79,211)
```
#4d5dd7
```
#4d5dd7 rgb(77,93,215)
```
#5d6cda
```
#5d6cda rgb(93,108,218)
```
#6d7ade
```
#6d7ade rgb(109,122,222)
```
#7d89e1
```
#7d89e1 rgb(125,137,225)
```
#8d97e5
```
#8d97e5 rgb(141,151,229)
```
#9da6e9
```
#9da6e9 rgb(157,166,233)
```
#adb4ec
```
#adb4ec rgb(173,180,236)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#cdd2f4
```
#cdd2f4 rgb(205,210,244)
```
#dde0f7
```
#dde0f7 rgb(221,224,247)
```
#edeffb
```
#edeffb rgb(237,239,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d3d4da
```
#d3d4da rgb(211,212,218)
```
#d0d1dd
```
#d0d1dd rgb(208,209,221)
```
#cdcfe0
```
#cdcfe0 rgb(205,207,224)
```
#c9cde4
```
#c9cde4 rgb(201,205,228)
```
#c6cae7
```
#c6cae7 rgb(198,202,231)
```
#c3c8ea
```
#c3c8ea rgb(195,200,234)
```
#c0c5ed
```
#c0c5ed rgb(192,197,237)
```
#bdc3f0
```
#bdc3f0 rgb(189,195,240)
```
#bac1f3
```
#bac1f3 rgb(186,193,243)
```
#b7bef6
```
#b7bef6 rgb(183,190,246)
```
#b4bcf9
```
#b4bcf9 rgb(180,188,249)
```
#b1b9fc
```
#b1b9fc rgb(177,185,252)
```

Tone Color Variation

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

Dichromacy

#bec6f1 Protanopia 1% of men
#c5c4f1 Deuteranopia 1% of men
#bbcad9 Tritanopia 0.001% of the population

Trichromacy

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

#bdc3f0 hex color

#bdc3f0 Color Information

#bdc3f0 Color Conversion

Color Schemes with #bdc3f0

Alternatives to #bdc3f0

#bdc3f0 Preview

Shades and Tints of #bdc3f0

Tones of #bdc3f0

Color Blindness Simulator