#bdc4f4 hex color

In a RGB color space, hex #bdc4f4 is composed of 74.1% red, 76.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 19.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 232.4 degrees, a saturation of 71.4% and a lightness of 84.9%. #bdc4f4 color hex could be obtained by blending #ffffff with #7b89e9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 77
- B 96
RGB color chart
- C 23
- M 20
- Y 0
- K 4
CMYK color chart

● #bdc4f4 color description : Very soft blue.

The hexadecimal color #bdc4f4 has RGB values of R:189, G:196, B:244 and CMYK values of C:0.23, M:0.2, Y:0, K:0.04. Its decimal value is 12436724.

Hex triplet	bdc4f4	`#bdc4f4`
RGB Decimal	189, 196, 244	`rgb(189,196,244)`
RGB Percent	74.1, 76.9, 95.7	`rgb(74.1%,76.9%,95.7%)`
CMYK	23, 20, 0, 4
HSL	232.4°, 71.4, 84.9	`hsl(232.4,71.4%,84.9%)`
HSV (or HSB)	232.4°, 22.5, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.084, 7.622, -24.469
XYZ	57.052, 56.83, 93.546
xyY	0.275, 0.274, 56.83
CIE-LCH	80.084, 25.629, 287.301
CIE-LUV	80.084, -6.34, -40.167
Hunter-Lab	75.385, 3.166, -20.804
Binary	10111101, 11000100, 11110100

#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#f4edbd
```
#f4edbd rgb(244,237,189)
```

Complementary Color

#bde0f4
```
#bde0f4 rgb(189,224,244)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#d2bdf4
```
#d2bdf4 rgb(210,189,244)
```

Analogous Color

#e0f4bd
```
#e0f4bd rgb(224,244,189)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#f4d2bd
```
#f4d2bd rgb(244,210,189)
```

Split Complementary Color

#c4f4bd
```
#c4f4bd rgb(196,244,189)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#f4bdc4
```
#f4bdc4 rgb(244,189,196)
```

Triadic Color

#bdf4ed
```
#bdf4ed rgb(189,244,237)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#f4bdc4
```
#f4bdc4 rgb(244,189,196)
```
#f4edbd
```
#f4edbd rgb(244,237,189)
```

Tetradic Color

#7b89e9
```
#7b89e9 rgb(123,137,233)
```
#919ded
```
#919ded rgb(145,157,237)
```
#a7b0f0
```
#a7b0f0 rgb(167,176,240)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#d3d8f8
```
#d3d8f8 rgb(211,216,248)
```
#e9ebfb
```
#e9ebfb rgb(233,235,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdd2f4
```
#bdd2f4 rgb(189,210,244)
```
#bdcdf4
```
#bdcdf4 rgb(189,205,244)
```
#bdc9f4
```
#bdc9f4 rgb(189,201,244)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#bdbff4
```
#bdbff4 rgb(189,191,244)
```
#bfbdf4
```
#bfbdf4 rgb(191,189,244)
```
#c4bdf4
```
#c4bdf4 rgb(196,189,244)
```

Similar Colors

Text with hexadecimal color #bdc4f4

This text has a font color of #bdc4f4.

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

#bdc4f4 background color

This paragraph has a background color of #bdc4f4.

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

#bdc4f4 border color

This element has a border color of #bdc4f4.

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

CSS codes

.text {color:#bdc4f4;}

.background {background-color:#bdc4f4;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#060a23
```
#060a23 rgb(6,10,35)
```
#090e34
```
#090e34 rgb(9,14,52)
```
#0b1345
```
#0b1345 rgb(11,19,69)
```
#0e1755
```
#0e1755 rgb(14,23,85)
```
#111c66
```
#111c66 rgb(17,28,102)
```
#142077
```
#142077 rgb(20,32,119)
```
#172588
```
#172588 rgb(23,37,136)
```
#192a99
```
#192a99 rgb(25,42,153)
```
#1c2ea9
```
#1c2ea9 rgb(28,46,169)
```
#1f33ba
```
#1f33ba rgb(31,51,186)
```
#2237cb
```
#2237cb rgb(34,55,203)
```

Shade Color Variation

#263ddb
```
#263ddb rgb(38,61,219)
```
#364cde
```
#364cde rgb(54,76,222)
```
#475be0
```
#475be0 rgb(71,91,224)
```
#586ae3
```
#586ae3 rgb(88,106,227)
```
#6979e6
```
#6979e6 rgb(105,121,230)
```
#7a88e9
```
#7a88e9 rgb(122,136,233)
```
#8b97ec
```
#8b97ec rgb(139,151,236)
```
#9ba6ee
```
#9ba6ee rgb(155,166,238)
```
#acb5f1
```
#acb5f1 rgb(172,181,241)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#ced3f7
```
#ced3f7 rgb(206,211,247)
```
#dfe2fa
```
#dfe2fa rgb(223,226,250)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d6dc
```
#d5d6dc rgb(213,214,220)
```
#d2d3df
```
#d2d3df rgb(210,211,223)
```
#cfd1e2
```
#cfd1e2 rgb(207,209,226)
```
#cccfe5
```
#cccfe5 rgb(204,207,229)
```
#c9cde8
```
#c9cde8 rgb(201,205,232)
```
#c6cbeb
```
#c6cbeb rgb(198,203,235)
```
#c3c8ee
```
#c3c8ee rgb(195,200,238)
```
#c0c6f1
```
#c0c6f1 rgb(192,198,241)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#bac2f7
```
#bac2f7 rgb(186,194,247)
```
#b7c0fa
```
#b7c0fa rgb(183,192,250)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```

Tone Color Variation

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

#bec7f4 Protanopia 1% of men
#c4c5f5 Deuteranopia 1% of men
#bacbda Tritanopia 0.001% of the population

Trichromacy

#bdc6f4 Protanomaly 1% of men, 0.01% of women
#c1c5f4 Deuteranomaly 6% of men, 0.4% of women
#bbc9e3 Tritanomaly 0.01% of the population

#bdc4f4 hex color

#bdc4f4 Color Information

#bdc4f4 Color Conversion

Color Schemes with #bdc4f4

Alternatives to #bdc4f4

#bdc4f4 Preview

Shades and Tints of #bdc4f4

Tones of #bdc4f4

Color Blindness Simulator