#bfd4ef hex color

In a RGB color space, hex #bfd4ef is composed of 74.9% red, 83.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 11.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 213.8 degrees, a saturation of 60% and a lightness of 84.3%. #bfd4ef color hex could be obtained by blending #ffffff with #7fa9df. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 83
- B 94
RGB color chart
- C 20
- M 11
- Y 0
- K 6
CMYK color chart

● #bfd4ef color description : Very soft blue.

The hexadecimal color #bfd4ef has RGB values of R:191, G:212, B:239 and CMYK values of C:0.2, M:0.11, Y:0, K:0.06. Its decimal value is 12571887.

Hex triplet	bfd4ef	`#bfd4ef`
RGB Decimal	191, 212, 239	`rgb(191,212,239)`
RGB Percent	74.9, 83.1, 93.7	`rgb(74.9%,83.1%,93.7%)`
CMYK	20, 11, 0, 6
HSL	213.8°, 60, 84.3	`hsl(213.8,60%,84.3%)`
HSV (or HSB)	213.8°, 20.1, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.171, -1.412, -15.608
XYZ	60.606, 64.394, 90.893
xyY	0.281, 0.298, 64.394
CIE-LCH	84.171, 15.672, 264.829
CIE-LUV	84.171, -12.304, -24.352
Hunter-Lab	80.246, -5.618, -10.984
Binary	10111111, 11010100, 11101111

#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#efdabf
```
#efdabf rgb(239,218,191)
```

Complementary Color

#bfecef
```
#bfecef rgb(191,236,239)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#c2bfef
```
#c2bfef rgb(194,191,239)
```

Analogous Color

#ecefbf
```
#ecefbf rgb(236,239,191)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#efc2bf
```
#efc2bf rgb(239,194,191)
```

Split Complementary Color

#d4efbf
```
#d4efbf rgb(212,239,191)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#efbfd4
```
#efbfd4 rgb(239,191,212)
```

Triadic Color

#bfefda
```
#bfefda rgb(191,239,218)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#efbfd4
```
#efbfd4 rgb(239,191,212)
```
#efdabf
```
#efdabf rgb(239,218,191)
```

Tetradic Color

#82abe0
```
#82abe0 rgb(130,171,224)
```
#96b9e5
```
#96b9e5 rgb(150,185,229)
```
#abc6ea
```
#abc6ea rgb(171,198,234)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#d3e2f4
```
#d3e2f4 rgb(211,226,244)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Monochromatic Color

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

#bfe0ef
```
#bfe0ef rgb(191,224,239)
```
#bfdcef
```
#bfdcef rgb(191,220,239)
```
#bfd8ef
```
#bfd8ef rgb(191,216,239)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#bfd0ef
```
#bfd0ef rgb(191,208,239)
```
#bfccef
```
#bfccef rgb(191,204,239)
```
#bfc8ef
```
#bfc8ef rgb(191,200,239)
```

Similar Colors

Text with hexadecimal color #bfd4ef

This text has a font color of #bfd4ef.

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

#bfd4ef background color

This paragraph has a background color of #bfd4ef.

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

#bfd4ef border color

This element has a border color of #bfd4ef.

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

CSS codes

.text {color:#bfd4ef;}

.background {background-color:#bfd4ef;}

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

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, #04080e is the darkest color, while #fefeff is the lightest one.

#04080e
```
#04080e rgb(4,8,14)
```
#08111e
```
#08111e rgb(8,17,30)
```
#0b1b2e
```
#0b1b2e rgb(11,27,46)
```
#0f243e
```
#0f243e rgb(15,36,62)
```
#132d4d
```
#132d4d rgb(19,45,77)
```
#17365d
```
#17365d rgb(23,54,93)
```
#1b3f6d
```
#1b3f6d rgb(27,63,109)
```
#1f487c
```
#1f487c rgb(31,72,124)
```
#23518c
```
#23518c rgb(35,81,140)
```
#275a9c
```
#275a9c rgb(39,90,156)
```
#2b63ab
```
#2b63ab rgb(43,99,171)
```
#2f6cbb
```
#2f6cbb rgb(47,108,187)
```
#3375cb
```
#3375cb rgb(51,117,203)
```

Shade Color Variation

#4180d0
```
#4180d0 rgb(65,128,208)
```
#518ad4
```
#518ad4 rgb(81,138,212)
```
#6195d7
```
#6195d7 rgb(97,149,215)
```
#719fdb
```
#719fdb rgb(113,159,219)
```
#80aadf
```
#80aadf rgb(128,170,223)
```
#90b4e3
```
#90b4e3 rgb(144,180,227)
```
#a0bfe7
```
#a0bfe7 rgb(160,191,231)
```
#afc9eb
```
#afc9eb rgb(175,201,235)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#cfdff3
```
#cfdff3 rgb(207,223,243)
```
#dee9f7
```
#dee9f7 rgb(222,233,247)
```
#eef4fb
```
#eef4fb rgb(238,244,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d5d7d9
```
#d5d7d9 rgb(213,215,217)
```
#d1d6dd
```
#d1d6dd rgb(209,214,221)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```
#cbd6e3
```
#cbd6e3 rgb(203,214,227)
```
#c8d5e6
```
#c8d5e6 rgb(200,213,230)
```
#c5d5e9
```
#c5d5e9 rgb(197,213,233)
```
#c2d4ec
```
#c2d4ec rgb(194,212,236)
```
#bfd4ef
```
#bfd4ef rgb(191,212,239)
```
#bcd4f2
```
#bcd4f2 rgb(188,212,242)
```
#b9d3f5
```
#b9d3f5 rgb(185,211,245)
```
#b6d3f8
```
#b6d3f8 rgb(182,211,248)
```
#b3d2fb
```
#b3d2fb rgb(179,210,251)
```
#b0d2fe
```
#b0d2fe rgb(176,210,254)
```

Tone Color Variation

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

Dichromacy

#cfd2ed Protanopia 1% of men
#d8cff2 Deuteranopia 1% of men
#c0d7e7 Tritanopia 0.001% of the population

Trichromacy

#c9d3ee Protanomaly 1% of men, 0.01% of women
#cfd1f0 Deuteranomaly 6% of men, 0.4% of women
#bfd6ea Tritanomaly 0.01% of the population

#bfd4ef hex color

#bfd4ef Color Information

#bfd4ef Color Conversion

Color Schemes with #bfd4ef

Alternatives to #bfd4ef

#bfd4ef Preview

Shades and Tints of #bfd4ef

Tones of #bfd4ef

Color Blindness Simulator