colorhexa.com

#bfd1fd hex color

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

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

● #bfd1fd color description : Very soft blue.

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

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

CIE-LAB	83.845, 3.295, -23.525
XYZ	62.012, 63.768, 101.964
xyY	0.272, 0.28, 63.768
CIE-LCH	83.845, 23.754, 277.973
CIE-LUV	83.845, -11.501, -38.157
Hunter-Lab	79.855, -1.129, -19.807
Binary	10111111, 11010001, 11111101

#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#fdebbf
```
#fdebbf rgb(253,235,191)
```

Complementary Color

#bff0fd
```
#bff0fd rgb(191,240,253)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#ccbffd
```
#ccbffd rgb(204,191,253)
```

Analogous Color

#f0fdbf
```
#f0fdbf rgb(240,253,191)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#fdccbf
```
#fdccbf rgb(253,204,191)
```

Split Complementary Color

#d1fdbf
```
#d1fdbf rgb(209,253,191)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#fdbfd1
```
#fdbfd1 rgb(253,191,209)
```

Triadic Color

#bffdeb
```
#bffdeb rgb(191,253,235)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#fdbfd1
```
#fdbfd1 rgb(253,191,209)
```
#fdebbf
```
#fdebbf rgb(253,235,191)
```

Tetradic Color

#759cfb
```
#759cfb rgb(117,156,251)
```
#8eadfb
```
#8eadfb rgb(142,173,251)
```
#a6bffc
```
#a6bffc rgb(166,191,252)
```
#bfd1fd
```
#bfd1fd rgb(191,209,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 #bfd1fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bfe1fd
```
#bfe1fd rgb(191,225,253)
```
#bfdbfd
```
#bfdbfd rgb(191,219,253)
```
#bfd6fd
```
#bfd6fd rgb(191,214,253)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#bfccfd
```
#bfccfd rgb(191,204,253)
```
#bfc7fd
```
#bfc7fd rgb(191,199,253)
```
#bfc2fd
```
#bfc2fd rgb(191,194,253)
```

Similar Colors

Text with hexadecimal color #bfd1fd

This text has a font color of #bfd1fd.

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

#bfd1fd background color

This paragraph has a background color of #bfd1fd.

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

#bfd1fd border color

This element has a border color of #bfd1fd.

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

CSS codes

.text {color:#bfd1fd;}

.background {background-color:#bfd1fd;}

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

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)
```
#021645
```
#021645 rgb(2,22,69)
```
#031c58
```
#031c58 rgb(3,28,88)
```
#03216b
```
#03216b rgb(3,33,107)
```
#04277e
```
#04277e rgb(4,39,126)
```
#052d91
```
#052d91 rgb(5,45,145)
```
#0533a4
```
#0533a4 rgb(5,51,164)
```
#0639b7
```
#0639b7 rgb(6,57,183)
```
#063fca
```
#063fca rgb(6,63,202)
```
#0745dd
```
#0745dd rgb(7,69,221)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```

Shade Color Variation

#1456f8
```
#1456f8 rgb(20,86,248)
```
#2764f8
```
#2764f8 rgb(39,100,248)
```
#3a71f9
```
#3a71f9 rgb(58,113,249)
```
#4d7ff9
```
#4d7ff9 rgb(77,127,249)
```
#608dfa
```
#608dfa rgb(96,141,250)
```
#739afb
```
#739afb rgb(115,154,251)
```
#86a8fb
```
#86a8fb rgb(134,168,251)
```
#99b6fc
```
#99b6fc rgb(153,182,252)
```
#acc3fc
```
#acc3fc rgb(172,195,252)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5ecfe
```
#e5ecfe rgb(229,236,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 #bfd1fd 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)
```
#d1d8eb
```
#d1d8eb rgb(209,216,235)
```
#ced7ee
```
#ced7ee rgb(206,215,238)
```
#ccd6f0
```
#ccd6f0 rgb(204,214,240)
```
#c9d5f3
```
#c9d5f3 rgb(201,213,243)
```
#c7d4f5
```
#c7d4f5 rgb(199,212,245)
```
#c4d3f8
```
#c4d3f8 rgb(196,211,248)
```
#c2d2fa
```
#c2d2fa rgb(194,210,250)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```

Tone Color Variation

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

#c9d1fb Protanopia 1% of men
#d0cffe Deuteranopia 1% of men
#bcd7e6 Tritanopia 0.001% of the population

Trichromacy

#c5d1fc Protanomaly 1% of men, 0.01% of women
#c9cffd Deuteranomaly 6% of men, 0.4% of women
#bdd5ee Tritanomaly 0.01% of the population