#bfd3f5 hex color

In a RGB color space, hex #bfd3f5 is composed of 74.9% red, 82.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 13.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 217.8 degrees, a saturation of 73% and a lightness of 85.5%. #bfd3f5 color hex could be obtained by blending #ffffff with #7fa7eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 83
- B 96
RGB color chart
- C 22
- M 14
- Y 0
- K 4
CMYK color chart

● #bfd3f5 color description : Very soft blue.

The hexadecimal color #bfd3f5 has RGB values of R:191, G:211, B:245 and CMYK values of C:0.22, M:0.14, Y:0, K:0.04. Its decimal value is 12571637.

Hex triplet	bfd3f5	`#bfd3f5`
RGB Decimal	191, 211, 245	`rgb(191,211,245)`
RGB Percent	74.9, 82.7, 96.1	`rgb(74.9%,82.7%,96.1%)`
CMYK	22, 14, 0, 4
HSL	217.8°, 73, 85.5	`hsl(217.8,73%,85.5%)`
HSV (or HSB)	217.8°, 22, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.099, 0.434, -18.898
XYZ	61.258, 64.256, 95.556
xyY	0.277, 0.291, 64.256
CIE-LCH	84.099, 18.903, 271.315
CIE-LUV	84.099, -12.075, -30.04
Hunter-Lab	80.16, -3.871, -14.566
Binary	10111111, 11010011, 11110101

#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#f5e1bf
```
#f5e1bf rgb(245,225,191)
```

Complementary Color

#bfeef5
```
#bfeef5 rgb(191,238,245)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#c6bff5
```
#c6bff5 rgb(198,191,245)
```

Analogous Color

#eef5bf
```
#eef5bf rgb(238,245,191)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#f5c6bf
```
#f5c6bf rgb(245,198,191)
```

Split Complementary Color

#d3f5bf
```
#d3f5bf rgb(211,245,191)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#f5bfd3
```
#f5bfd3 rgb(245,191,211)
```

Triadic Color

#bff5e1
```
#bff5e1 rgb(191,245,225)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#f5bfd3
```
#f5bfd3 rgb(245,191,211)
```
#f5e1bf
```
#f5e1bf rgb(245,225,191)
```

Tetradic Color

#7da6eb
```
#7da6eb rgb(125,166,235)
```
#93b5ee
```
#93b5ee rgb(147,181,238)
```
#a9c4f2
```
#a9c4f2 rgb(169,196,242)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#d5e2f8
```
#d5e2f8 rgb(213,226,248)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfe1f5
```
#bfe1f5 rgb(191,225,245)
```
#bfdcf5
```
#bfdcf5 rgb(191,220,245)
```
#bfd8f5
```
#bfd8f5 rgb(191,216,245)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#bfcff5
```
#bfcff5 rgb(191,207,245)
```
#bfcaf5
```
#bfcaf5 rgb(191,202,245)
```
#bfc6f5
```
#bfc6f5 rgb(191,198,245)
```

Similar Colors

Text with hexadecimal color #bfd3f5

This text has a font color of #bfd3f5.

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

#bfd3f5 background color

This paragraph has a background color of #bfd3f5.

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

#bfd3f5 border color

This element has a border color of #bfd3f5.

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

CSS codes

.text {color:#bfd3f5;}

.background {background-color:#bfd3f5;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#061226
```
#061226 rgb(6,18,38)
```
#091a37
```
#091a37 rgb(9,26,55)
```
#0b2248
```
#0b2248 rgb(11,34,72)
```
#0e2a59
```
#0e2a59 rgb(14,42,89)
```
#11326a
```
#11326a rgb(17,50,106)
```
#13397b
```
#13397b rgb(19,57,123)
```
#16418c
```
#16418c rgb(22,65,140)
```
#18499d
```
#18499d rgb(24,73,157)
```
#1b51ae
```
#1b51ae rgb(27,81,174)
```
#1e59be
```
#1e59be rgb(30,89,190)
```
#2061cf
```
#2061cf rgb(32,97,207)
```

Shade Color Variation

#266add
```
#266add rgb(38,106,221)
```
#3776e0
```
#3776e0 rgb(55,118,224)
```
#4881e2
```
#4881e2 rgb(72,129,226)
```
#598de5
```
#598de5 rgb(89,141,229)
```
#6a99e8
```
#6a99e8 rgb(106,153,232)
```
#7ba4ea
```
#7ba4ea rgb(123,164,234)
```
#8cb0ed
```
#8cb0ed rgb(140,176,237)
```
#9dbcf0
```
#9dbcf0 rgb(157,188,240)
```
#aec7f2
```
#aec7f2 rgb(174,199,242)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#d0dff8
```
#d0dff8 rgb(208,223,248)
```
#e1eafa
```
#e1eafa rgb(225,234,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d6d9de
```
#d6d9de rgb(214,217,222)
```
#d3d8e1
```
#d3d8e1 rgb(211,216,225)
```
#d0d7e4
```
#d0d7e4 rgb(208,215,228)
```
#cdd7e7
```
#cdd7e7 rgb(205,215,231)
```
#cad6ea
```
#cad6ea rgb(202,214,234)
```
#c8d5ec
```
#c8d5ec rgb(200,213,236)
```
#c5d4ef
```
#c5d4ef rgb(197,212,239)
```
#c2d4f2
```
#c2d4f2 rgb(194,212,242)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#bcd2f8
```
#bcd2f8 rgb(188,210,248)
```
#b9d2fb
```
#b9d2fb rgb(185,210,251)
```
#b6d1fe
```
#b6d1fe rgb(182,209,254)
```

Tone Color Variation

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

Dichromacy

#cdd2f3 Protanopia 1% of men
#d5cff7 Deuteranopia 1% of men
#bed7e7 Tritanopia 0.001% of the population

Trichromacy

#c8d2f4 Protanomaly 1% of men, 0.01% of women
#cdd0f6 Deuteranomaly 6% of men, 0.4% of women
#bed6ec Tritanomaly 0.01% of the population

#bfd3f5 hex color

#bfd3f5 Color Information

#bfd3f5 Color Conversion

Color Schemes with #bfd3f5

Alternatives to #bfd3f5

#bfd3f5 Preview

Shades and Tints of #bfd3f5

Tones of #bfd3f5

Color Blindness Simulator