#bfc2f5 hex color

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

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

● #bfc2f5 color description : Very soft blue.

The hexadecimal color #bfc2f5 has RGB values of R:191, G:194, B:245 and CMYK values of C:0.22, M:0.21, Y:0, K:0.04. Its decimal value is 12567285.

Hex triplet	bfc2f5	`#bfc2f5`
RGB Decimal	191, 194, 245	`rgb(191,194,245)`
RGB Percent	74.9, 76.1, 96.1	`rgb(74.9%,76.1%,96.1%)`
CMYK	22, 21, 0, 4
HSL	236.7°, 73, 85.5	`hsl(236.7,73%,85.5%)`
HSV (or HSB)	236.7°, 22, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.757, 9.531, -25.489
XYZ	57.256, 56.252, 94.222
xyY	0.276, 0.271, 56.252
CIE-LCH	79.757, 27.213, 290.503
CIE-LUV	79.757, -4.519, -42.135
Hunter-Lab	75.001, 5.015, -21.984
Binary	10111111, 11000010, 11110101

#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#f5f2bf
```
#f5f2bf rgb(245,242,191)
```

Complementary Color

#bfddf5
```
#bfddf5 rgb(191,221,245)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#d7bff5
```
#d7bff5 rgb(215,191,245)
```

Analogous Color

#ddf5bf
```
#ddf5bf rgb(221,245,191)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#f5d7bf
```
#f5d7bf rgb(245,215,191)
```

Split Complementary Color

#c2f5bf
```
#c2f5bf rgb(194,245,191)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#f5bfc2
```
#f5bfc2 rgb(245,191,194)
```

Triadic Color

#bff5f2
```
#bff5f2 rgb(191,245,242)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#f5bfc2
```
#f5bfc2 rgb(245,191,194)
```
#f5f2bf
```
#f5f2bf rgb(245,242,191)
```

Tetradic Color

#7d83eb
```
#7d83eb rgb(125,131,235)
```
#9398ee
```
#9398ee rgb(147,152,238)
```
#a9adf2
```
#a9adf2 rgb(169,173,242)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#d5d7f8
```
#d5d7f8 rgb(213,215,248)
```
#ebecfc
```
#ebecfc rgb(235,236,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfd0f5
```
#bfd0f5 rgb(191,208,245)
```
#bfcbf5
```
#bfcbf5 rgb(191,203,245)
```
#bfc7f5
```
#bfc7f5 rgb(191,199,245)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#c1bff5
```
#c1bff5 rgb(193,191,245)
```
#c5bff5
```
#c5bff5 rgb(197,191,245)
```
#cabff5
```
#cabff5 rgb(202,191,245)
```

Similar Colors

Text with hexadecimal color #bfc2f5

This text has a font color of #bfc2f5.

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

#bfc2f5 background color

This paragraph has a background color of #bfc2f5.

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

#bfc2f5 border color

This element has a border color of #bfc2f5.

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

CSS codes

.text {color:#bfc2f5;}

.background {background-color:#bfc2f5;}

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030415
```
#030415 rgb(3,4,21)
```
#060826
```
#060826 rgb(6,8,38)
```
#090b37
```
#090b37 rgb(9,11,55)
```
#0b0f48
```
#0b0f48 rgb(11,15,72)
```
#0e1259
```
#0e1259 rgb(14,18,89)
```
#11156a
```
#11156a rgb(17,21,106)
```
#13197b
```
#13197b rgb(19,25,123)
```
#161c8c
```
#161c8c rgb(22,28,140)
```
#18209d
```
#18209d rgb(24,32,157)
```
#1b23ae
```
#1b23ae rgb(27,35,174)
```
#1e27be
```
#1e27be rgb(30,39,190)
```
#202acf
```
#202acf rgb(32,42,207)
```

Shade Color Variation

#2630dd
```
#2630dd rgb(38,48,221)
```
#3741e0
```
#3741e0 rgb(55,65,224)
```
#4851e2
```
#4851e2 rgb(72,81,226)
```
#5961e5
```
#5961e5 rgb(89,97,229)
```
#6a71e8
```
#6a71e8 rgb(106,113,232)
```
#7b81ea
```
#7b81ea rgb(123,129,234)
```
#8c91ed
```
#8c91ed rgb(140,145,237)
```
#9da2f0
```
#9da2f0 rgb(157,162,240)
```
#aeb2f2
```
#aeb2f2 rgb(174,178,242)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#d0d2f8
```
#d0d2f8 rgb(208,210,248)
```
#e1e2fa
```
#e1e2fa rgb(225,226,250)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#d9d9db
```
#d9d9db rgb(217,217,219)
```
#d6d6de
```
#d6d6de rgb(214,214,222)
```
#d3d4e1
```
#d3d4e1 rgb(211,212,225)
```
#d0d1e4
```
#d0d1e4 rgb(208,209,228)
```
#cdcfe7
```
#cdcfe7 rgb(205,207,231)
```
#caccea
```
#caccea rgb(202,204,234)
```
#c8caec
```
#c8caec rgb(200,202,236)
```
#c5c7ef
```
#c5c7ef rgb(197,199,239)
```
#c2c5f2
```
#c2c5f2 rgb(194,197,242)
```
#bfc2f5
```
#bfc2f5 rgb(191,194,245)
```
#bcbff8
```
#bcbff8 rgb(188,191,248)
```
#b9bdfb
```
#b9bdfb rgb(185,189,251)
```
#b6bafe
```
#b6bafe rgb(182,186,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c6d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f6 Protanopia 1% of men
#c2c5f5 Deuteranopia 1% of men
#bbcad9 Tritanopia 0.001% of the population

Trichromacy

#bdc5f5 Protanomaly 1% of men, 0.01% of women
#c1c3f5 Deuteranomaly 6% of men, 0.4% of women
#bcc7e3 Tritanomaly 0.01% of the population

#bfc2f5 hex color

#bfc2f5 Color Information

#bfc2f5 Color Conversion

Color Schemes with #bfc2f5

Alternatives to #bfc2f5

#bfc2f5 Preview

Shades and Tints of #bfc2f5

Tones of #bfc2f5

Color Blindness Simulator