#bdc4f3 hex color

In a RGB color space, hex #bdc4f3 is composed of 74.1% red, 76.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 19.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 232.2 degrees, a saturation of 69.2% and a lightness of 84.7%. #bdc4f3 color hex could be obtained by blending #ffffff with #7b89e7. 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

● #bdc4f3 color description : Very soft blue.

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

Hex triplet	bdc4f3	`#bdc4f3`
RGB Decimal	189, 196, 243	`rgb(189,196,243)`
RGB Percent	74.1, 76.9, 95.3	`rgb(74.1%,76.9%,95.3%)`
CMYK	22, 19, 0, 5
HSL	232.2°, 69.2, 84.7	`hsl(232.2,69.2%,84.7%)`
HSV (or HSB)	232.2°, 22.2, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.049, 7.395, -23.986
XYZ	56.901, 56.769, 92.749
xyY	0.276, 0.275, 56.769
CIE-LCH	80.049, 25.1, 287.136
CIE-LUV	80.049, -6.288, -39.326
Hunter-Lab	75.345, 2.949, -20.243
Binary	10111101, 11000100, 11110011

#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#f3ecbd
```
#f3ecbd rgb(243,236,189)
```

Complementary Color

#bddff3
```
#bddff3 rgb(189,223,243)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#d1bdf3
```
#d1bdf3 rgb(209,189,243)
```

Analogous Color

#dff3bd
```
#dff3bd rgb(223,243,189)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#f3d1bd
```
#f3d1bd rgb(243,209,189)
```

Split Complementary Color

#c4f3bd
```
#c4f3bd rgb(196,243,189)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#f3bdc4
```
#f3bdc4 rgb(243,189,196)
```

Triadic Color

#bdf3ec
```
#bdf3ec rgb(189,243,236)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#f3bdc4
```
#f3bdc4 rgb(243,189,196)
```
#f3ecbd
```
#f3ecbd rgb(243,236,189)
```

Tetradic Color

#7c8ae7
```
#7c8ae7 rgb(124,138,231)
```
#929deb
```
#929deb rgb(146,157,235)
```
#a7b1ef
```
#a7b1ef rgb(167,177,239)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#d3d7f7
```
#d3d7f7 rgb(211,215,247)
```
#e8ebfb
```
#e8ebfb rgb(232,235,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#bdd2f3
```
#bdd2f3 rgb(189,210,243)
```
#bdcdf3
```
#bdcdf3 rgb(189,205,243)
```
#bdc9f3
```
#bdc9f3 rgb(189,201,243)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#bdc0f3
```
#bdc0f3 rgb(189,192,243)
```
#bfbdf3
```
#bfbdf3 rgb(191,189,243)
```
#c4bdf3
```
#c4bdf3 rgb(196,189,243)
```

Similar Colors

Text with hexadecimal color #bdc4f3

This text has a font color of #bdc4f3.

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

#bdc4f3 background color

This paragraph has a background color of #bdc4f3.

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

#bdc4f3 border color

This element has a border color of #bdc4f3.

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

CSS codes

.text {color:#bdc4f3;}

.background {background-color:#bdc4f3;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030511
```
#030511 rgb(3,5,17)
```
#060a22
```
#060a22 rgb(6,10,34)
```
#090e32
```
#090e32 rgb(9,14,50)
```
#0c1343
```
#0c1343 rgb(12,19,67)
```
#0f1853
```
#0f1853 rgb(15,24,83)
```
#121d64
```
#121d64 rgb(18,29,100)
```
#152275
```
#152275 rgb(21,34,117)
```
#182685
```
#182685 rgb(24,38,133)
```
#1b2b96
```
#1b2b96 rgb(27,43,150)
```
#1e30a6
```
#1e30a6 rgb(30,48,166)
```
#2135b7
```
#2135b7 rgb(33,53,183)
```
#2439c8
```
#2439c8 rgb(36,57,200)
```

Shade Color Variation

#283ed8
```
#283ed8 rgb(40,62,216)
```
#384ddb
```
#384ddb rgb(56,77,219)
```
#495cde
```
#495cde rgb(73,92,222)
```
#596be1
```
#596be1 rgb(89,107,225)
```
#6a7ae4
```
#6a7ae4 rgb(106,122,228)
```
#7b89e7
```
#7b89e7 rgb(123,137,231)
```
#8b97ea
```
#8b97ea rgb(139,151,234)
```
#9ca6ed
```
#9ca6ed rgb(156,166,237)
```
#acb5f0
```
#acb5f0 rgb(172,181,240)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#ced3f6
```
#ced3f6 rgb(206,211,246)
```
#dee2f9
```
#dee2f9 rgb(222,226,249)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```

Tint Color Variation

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

#d5d6db
```
#d5d6db rgb(213,214,219)
```
#d2d4de
```
#d2d4de rgb(210,212,222)
```
#cfd1e1
```
#cfd1e1 rgb(207,209,225)
```
#cccfe4
```
#cccfe4 rgb(204,207,228)
```
#c9cde7
```
#c9cde7 rgb(201,205,231)
```
#c6cbea
```
#c6cbea rgb(198,203,234)
```
#c3c8ed
```
#c3c8ed rgb(195,200,237)
```
#c0c6f0
```
#c0c6f0 rgb(192,198,240)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#bac2f6
```
#bac2f6 rgb(186,194,246)
```
#b7c0f9
```
#b7c0f9 rgb(183,192,249)
```
#b4bdfc
```
#b4bdfc rgb(180,189,252)
```
#b1bbff
```
#b1bbff rgb(177,187,255)
```

Tone Color Variation

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

Dichromacy

#bec7f3 Protanopia 1% of men
#c5c5f4 Deuteranopia 1% of men
#bacbda Tritanopia 0.001% of the population

Trichromacy

#bdc6f3 Protanomaly 1% of men, 0.01% of women
#c2c5f3 Deuteranomaly 6% of men, 0.4% of women
#bbc8e3 Tritanomaly 0.01% of the population

#bdc4f3 hex color

#bdc4f3 Color Information

#bdc4f3 Color Conversion

Color Schemes with #bdc4f3

Alternatives to #bdc4f3

#bdc4f3 Preview

Shades and Tints of #bdc4f3

Tones of #bdc4f3

Color Blindness Simulator