#bfd2fd hex color

In a RGB color space, hex #bfd2fd is composed of 74.9% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.6 degrees, a saturation of 93.9% and a lightness of 87.1%. #bfd2fd color hex could be obtained by blending #ffffff with #7fa5fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 82
- B 99
RGB color chart
- C 25
- M 17
- Y 0
- K 1
CMYK color chart

● #bfd2fd color description : Very soft blue.

The hexadecimal color #bfd2fd has RGB values of R:191, G:210, B:253 and CMYK values of C:0.25, M:0.17, Y:0, K:0.01. Its decimal value is 12571389.

Hex triplet	bfd2fd	`#bfd2fd`
RGB Decimal	191, 210, 253	`rgb(191,210,253)`
RGB Percent	74.9, 82.4, 99.2	`rgb(74.9%,82.4%,99.2%)`
CMYK	25, 17, 0, 1
HSL	221.6°, 93.9, 87.1	`hsl(221.6,93.9%,87.1%)`
HSV (or HSB)	221.6°, 24.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.101, 2.763, -23.135
XYZ	62.258, 64.26, 102.046
xyY	0.272, 0.281, 64.26
CIE-LCH	84.101, 23.3, 276.811
CIE-LUV	84.101, -11.939, -37.439
Hunter-Lab	80.162, -1.652, -19.362
Binary	10111111, 11010010, 11111101

#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#fdeabf
```
#fdeabf rgb(253,234,191)
```

Complementary Color

#bff1fd
```
#bff1fd rgb(191,241,253)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#cbbffd
```
#cbbffd rgb(203,191,253)
```

Analogous Color

#f1fdbf
```
#f1fdbf rgb(241,253,191)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#fdcbbf
```
#fdcbbf rgb(253,203,191)
```

Split Complementary Color

#d2fdbf
```
#d2fdbf rgb(210,253,191)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#fdbfd2
```
#fdbfd2 rgb(253,191,210)
```

Triadic Color

#bffdea
```
#bffdea rgb(191,253,234)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#fdbfd2
```
#fdbfd2 rgb(253,191,210)
```
#fdeabf
```
#fdeabf rgb(253,234,191)
```

Tetradic Color

#759efb
```
#759efb rgb(117,158,251)
```
#8eaffb
```
#8eaffb rgb(142,175,251)
```
#a6c1fc
```
#a6c1fc rgb(166,193,252)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#d8e3fe
```
#d8e3fe rgb(216,227,254)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfe2fd
```
#bfe2fd rgb(191,226,253)
```
#bfdcfd
```
#bfdcfd rgb(191,220,253)
```
#bfd7fd
```
#bfd7fd rgb(191,215,253)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#bfcdfd
```
#bfcdfd rgb(191,205,253)
```
#bfc8fd
```
#bfc8fd rgb(191,200,253)
```
#bfc3fd
```
#bfc3fd rgb(191,195,253)
```

Similar Colors

Text with hexadecimal color #bfd2fd

This text has a font color of #bfd2fd.

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

#bfd2fd background color

This paragraph has a background color of #bfd2fd.

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

#bfd2fd border color

This element has a border color of #bfd2fd.

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

CSS codes

.text {color:#bfd2fd;}

.background {background-color:#bfd2fd;}

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

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, #00040c is the darkest color, while #f8faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#021032
```
#021032 rgb(2,16,50)
```
#021745
```
#021745 rgb(2,23,69)
```
#031d58
```
#031d58 rgb(3,29,88)
```
#03236b
```
#03236b rgb(3,35,107)
```
#04297e
```
#04297e rgb(4,41,126)
```
#053091
```
#053091 rgb(5,48,145)
```
#0536a4
```
#0536a4 rgb(5,54,164)
```
#063cb7
```
#063cb7 rgb(6,60,183)
```
#0642ca
```
#0642ca rgb(6,66,202)
```
#0749dd
```
#0749dd rgb(7,73,221)
```
#084ff0
```
#084ff0 rgb(8,79,240)
```

Shade Color Variation

#145af8
```
#145af8 rgb(20,90,248)
```
#2767f8
```
#2767f8 rgb(39,103,248)
```
#3a74f9
```
#3a74f9 rgb(58,116,249)
```
#4d82f9
```
#4d82f9 rgb(77,130,249)
```
#608ffa
```
#608ffa rgb(96,143,250)
```
#739dfb
```
#739dfb rgb(115,157,251)
```
#86aafb
```
#86aafb rgb(134,170,251)
```
#99b7fc
```
#99b7fc rgb(153,183,252)
```
#acc5fc
```
#acc5fc rgb(172,197,252)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#dddedf
```
#dddedf rgb(221,222,223)
```
#dbdde1
```
#dbdde1 rgb(219,221,225)
```
#d8dce4
```
#d8dce4 rgb(216,220,228)
```
#d6dbe6
```
#d6dbe6 rgb(214,219,230)
```
#d3dae9
```
#d3dae9 rgb(211,218,233)
```
#d1d9eb
```
#d1d9eb rgb(209,217,235)
```
#ced8ee
```
#ced8ee rgb(206,216,238)
```
#ccd7f0
```
#ccd7f0 rgb(204,215,240)
```
#c9d6f3
```
#c9d6f3 rgb(201,214,243)
```
#c7d5f5
```
#c7d5f5 rgb(199,213,245)
```
#c4d4f8
```
#c4d4f8 rgb(196,212,248)
```
#c2d3fa
```
#c2d3fa rgb(194,211,250)
```
#bfd2fd
```
#bfd2fd rgb(191,210,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd1da Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fb Protanopia 1% of men
#d1cffe Deuteranopia 1% of men
#bdd8e7 Tritanopia 0.001% of the population

Trichromacy

#c6d2fc Protanomaly 1% of men, 0.01% of women
#cad0fe Deuteranomaly 6% of men, 0.4% of women
#bdd5ef Tritanomaly 0.01% of the population

#bfd2fd hex color

#bfd2fd Color Information

#bfd2fd Color Conversion

Color Schemes with #bfd2fd

Alternatives to #bfd2fd

#bfd2fd Preview

Shades and Tints of #bfd2fd

Tones of #bfd2fd

Color Blindness Simulator