colorhexa.com

#bfd8f9 hex color

In a RGB color space, hex #bfd8f9 is composed of 74.9% red, 84.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 13.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 214.1 degrees, a saturation of 82.9% and a lightness of 86.3%. #bfd8f9 color hex could be obtained by blending #ffffff with #7fb1f3. Closest websafe color is: #ccccff.

- R 75
- G 85
- B 98
RGB color chart
- C 23
- M 13
- Y 0
- K 2
CMYK color chart

● #bfd8f9 color description : Very soft blue.

The hexadecimal color #bfd8f9 has RGB values of R:191, G:216, B:249 and CMYK values of C:0.23, M:0.13, Y:0, K:0.02. Its decimal value is 12572921.

Hex triplet	bfd8f9	`#bfd8f9`
RGB Decimal	191, 216, 249	`rgb(191,216,249)`
RGB Percent	74.9, 84.7, 97.6	`rgb(74.9%,84.7%,97.6%)`
CMYK	23, 13, 0, 2
HSL	214.1°, 82.9, 86.3	`hsl(214.1,82.9%,86.3%)`
HSV (or HSB)	214.1°, 23.3, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.517, -1.308, -18.875
XYZ	63.137, 67.026, 99.228
xyY	0.275, 0.292, 67.026
CIE-LCH	85.517, 18.92, 266.036
CIE-LUV	85.517, -14.439, -29.792
Hunter-Lab	81.87, -5.614, -14.552
Binary	10111111, 11011000, 11111001

#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#f9e0bf
```
#f9e0bf rgb(249,224,191)
```

Complementary Color

#bff5f9
```
#bff5f9 rgb(191,245,249)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#c3bff9
```
#c3bff9 rgb(195,191,249)
```

Analogous Color

#f5f9bf
```
#f5f9bf rgb(245,249,191)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#f9c3bf
```
#f9c3bf rgb(249,195,191)
```

Split Complementary Color

#d8f9bf
```
#d8f9bf rgb(216,249,191)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#f9bfd8
```
#f9bfd8 rgb(249,191,216)
```

Triadic Color

#bff9e0
```
#bff9e0 rgb(191,249,224)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#f9bfd8
```
#f9bfd8 rgb(249,191,216)
```
#f9e0bf
```
#f9e0bf rgb(249,224,191)
```

Tetradic Color

#79adf2
```
#79adf2 rgb(121,173,242)
```
#90bcf5
```
#90bcf5 rgb(144,188,245)
```
#a8caf7
```
#a8caf7 rgb(168,202,247)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#d6e6fb
```
#d6e6fb rgb(214,230,251)
```
#eef4fd
```
#eef4fd rgb(238,244,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfe7f9
```
#bfe7f9 rgb(191,231,249)
```
#bfe2f9
```
#bfe2f9 rgb(191,226,249)
```
#bfddf9
```
#bfddf9 rgb(191,221,249)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#bfd3f9
```
#bfd3f9 rgb(191,211,249)
```
#bfcef9
```
#bfcef9 rgb(191,206,249)
```
#bfcaf9
```
#bfcaf9 rgb(191,202,249)
```

Similar Colors

Text with hexadecimal color #bfd8f9

This text has a font color of #bfd8f9.

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

#bfd8f9 background color

This paragraph has a background color of #bfd8f9.

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

#bfd8f9 border color

This element has a border color of #bfd8f9.

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

CSS codes

.text {color:#bfd8f9;}

.background {background-color:#bfd8f9;}

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020c1a
```
#020c1a rgb(2,12,26)
```
#04152c
```
#04152c rgb(4,21,44)
```
#061e3e
```
#061e3e rgb(6,30,62)
```
#07264f
```
#07264f rgb(7,38,79)
```
#092f61
```
#092f61 rgb(9,47,97)
```
#0b3873
```
#0b3873 rgb(11,56,115)
```
#0c4185
```
#0c4185 rgb(12,65,133)
```
#0e4997
```
#0e4997 rgb(14,73,151)
```
#1052a9
```
#1052a9 rgb(16,82,169)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#1363cd
```
#1363cd rgb(19,99,205)
```
#156cdf
```
#156cdf rgb(21,108,223)
```

Shade Color Variation

#1e76ea
```
#1e76ea rgb(30,118,234)
```
#3081ec
```
#3081ec rgb(48,129,236)
```
#418ced
```
#418ced rgb(65,140,237)
```
#5396ef
```
#5396ef rgb(83,150,239)
```
#65a1f1
```
#65a1f1 rgb(101,161,241)
```
#77acf2
```
#77acf2 rgb(119,172,242)
```
#89b7f4
```
#89b7f4 rgb(137,183,244)
```
#9bc2f6
```
#9bc2f6 rgb(155,194,246)
```
#adcdf7
```
#adcdf7 rgb(173,205,247)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#d1e3fb
```
#d1e3fb rgb(209,227,251)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#dadcde
```
#dadcde rgb(218,220,222)
```
#d7dbe1
```
#d7dbe1 rgb(215,219,225)
```
#d5dbe3
```
#d5dbe3 rgb(213,219,227)
```
#d2dbe6
```
#d2dbe6 rgb(210,219,230)
```
#cfdae9
```
#cfdae9 rgb(207,218,233)
```
#ccdaec
```
#ccdaec rgb(204,218,236)
```
#cad9ee
```
#cad9ee rgb(202,217,238)
```
#c7d9f1
```
#c7d9f1 rgb(199,217,241)
```
#c4d9f4
```
#c4d9f4 rgb(196,217,244)
```
#c2d8f6
```
#c2d8f6 rgb(194,216,246)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#bcd8fc
```
#bcd8fc rgb(188,216,252)
```
#bad7fe
```
#bad7fe rgb(186,215,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d0d5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d6f7 Protanopia 1% of men
#d9d3fb Deuteranopia 1% of men
#bfdcec Tritanopia 0.001% of the population

Trichromacy

#cad6f7 Protanomaly 1% of men, 0.01% of women
#cfd4fa Deuteranomaly 6% of men, 0.4% of women
#bfdaf0 Tritanomaly 0.01% of the population