#bfcaf4 hex color

In a RGB color space, hex #bfcaf4 is composed of 74.9% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 227.5 degrees, a saturation of 70.7% and a lightness of 85.3%. #bfcaf4 color hex could be obtained by blending #ffffff with #7f95e9. Closest websafe color is: #ccccff.

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

● #bfcaf4 color description : Very soft blue.

The hexadecimal color #bfcaf4 has RGB values of R:191, G:202, B:244 and CMYK values of C:0.22, M:0.17, Y:0, K:0.04. Its decimal value is 12569332.

Hex triplet	bfcaf4	`#bfcaf4`
RGB Decimal	191, 202, 244	`rgb(191,202,244)`
RGB Percent	74.9, 79.2, 95.7	`rgb(74.9%,79.2%,95.7%)`
CMYK	22, 17, 0, 4
HSL	227.5°, 70.7, 85.3	`hsl(227.5,70.7%,85.3%)`
HSV (or HSB)	227.5°, 21.7, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.756, 4.998, -21.914
XYZ	58.932, 59.848, 94.03
xyY	0.277, 0.281, 59.848
CIE-LCH	81.756, 22.476, 282.848
CIE-LUV	81.756, -8.017, -35.62
Hunter-Lab	77.362, 0.594, -17.911
Binary	10111111, 11001010, 11110100

#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#f4e9bf
```
#f4e9bf rgb(244,233,191)
```

Complementary Color

#bfe5f4
```
#bfe5f4 rgb(191,229,244)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#cfbff4
```
#cfbff4 rgb(207,191,244)
```

Analogous Color

#e5f4bf
```
#e5f4bf rgb(229,244,191)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#f4cfbf
```
#f4cfbf rgb(244,207,191)
```

Split Complementary Color

#caf4bf
```
#caf4bf rgb(202,244,191)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#f4bfca
```
#f4bfca rgb(244,191,202)
```

Triadic Color

#bff4e9
```
#bff4e9 rgb(191,244,233)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#f4bfca
```
#f4bfca rgb(244,191,202)
```
#f4e9bf
```
#f4e9bf rgb(244,233,191)
```

Tetradic Color

#7e94e9
```
#7e94e9 rgb(126,148,233)
```
#93a6ed
```
#93a6ed rgb(147,166,237)
```
#a9b8f0
```
#a9b8f0 rgb(169,184,240)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#d5dcf8
```
#d5dcf8 rgb(213,220,248)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfd7f4
```
#bfd7f4 rgb(191,215,244)
```
#bfd3f4
```
#bfd3f4 rgb(191,211,244)
```
#bfcef4
```
#bfcef4 rgb(191,206,244)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#bfc6f4
```
#bfc6f4 rgb(191,198,244)
```
#bfc1f4
```
#bfc1f4 rgb(191,193,244)
```
#c1bff4
```
#c1bff4 rgb(193,191,244)
```

Similar Colors

Text with hexadecimal color #bfcaf4

This text has a font color of #bfcaf4.

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

#bfcaf4 background color

This paragraph has a background color of #bfcaf4.

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

#bfcaf4 border color

This element has a border color of #bfcaf4.

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

CSS codes

.text {color:#bfcaf4;}

.background {background-color:#bfcaf4;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#030714
```
#030714 rgb(3,7,20)
```
#060d24
```
#060d24 rgb(6,13,36)
```
#091235
```
#091235 rgb(9,18,53)
```
#0c1846
```
#0c1846 rgb(12,24,70)
```
#0f1e57
```
#0f1e57 rgb(15,30,87)
```
#122467
```
#122467 rgb(18,36,103)
```
#152978
```
#152978 rgb(21,41,120)
```
#182f89
```
#182f89 rgb(24,47,137)
```
#1a359a
```
#1a359a rgb(26,53,154)
```
#1d3baa
```
#1d3baa rgb(29,59,170)
```
#2040bb
```
#2040bb rgb(32,64,187)
```
#2346cc
```
#2346cc rgb(35,70,204)
```

Shade Color Variation

#284dda
```
#284dda rgb(40,77,218)
```
#395bdd
```
#395bdd rgb(57,91,221)
```
#4a69e0
```
#4a69e0 rgb(74,105,224)
```
#5b77e3
```
#5b77e3 rgb(91,119,227)
```
#6b85e6
```
#6b85e6 rgb(107,133,230)
```
#7c93e8
```
#7c93e8 rgb(124,147,232)
```
#8da0eb
```
#8da0eb rgb(141,160,235)
```
#9eaeee
```
#9eaeee rgb(158,174,238)
```
#aebcf1
```
#aebcf1 rgb(174,188,241)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#d0d8f7
```
#d0d8f7 rgb(208,216,247)
```
#e0e6fa
```
#e0e6fa rgb(224,230,250)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

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

#d9d9da
```
#d9d9da rgb(217,217,218)
```
#d6d7dd
```
#d6d7dd rgb(214,215,221)
```
#d3d6e0
```
#d3d6e0 rgb(211,214,224)
```
#d0d4e3
```
#d0d4e3 rgb(208,212,227)
```
#cdd2e6
```
#cdd2e6 rgb(205,210,230)
```
#cbd1e8
```
#cbd1e8 rgb(203,209,232)
```
#c8cfeb
```
#c8cfeb rgb(200,207,235)
```
#c5cdee
```
#c5cdee rgb(197,205,238)
```
#c2ccf1
```
#c2ccf1 rgb(194,204,241)
```
#bfcaf4
```
#bfcaf4 rgb(191,202,244)
```
#bcc8f7
```
#bcc8f7 rgb(188,200,247)
```
#b9c7fa
```
#b9c7fa rgb(185,199,250)
```
#b6c5fd
```
#b6c5fd rgb(182,197,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c9cbd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ccf4 Protanopia 1% of men
#ccc9f5 Deuteranopia 1% of men
#bdd0df Tritanopia 0.001% of the population

Trichromacy

#c2cbf4 Protanomaly 1% of men, 0.01% of women
#c7c9f5 Deuteranomaly 6% of men, 0.4% of women
#becee7 Tritanomaly 0.01% of the population

#bfcaf4 hex color

#bfcaf4 Color Information

#bfcaf4 Color Conversion

Color Schemes with #bfcaf4

Alternatives to #bfcaf4

#bfcaf4 Preview

Shades and Tints of #bfcaf4

Tones of #bfcaf4

Color Blindness Simulator