#bac7fe hex color

In a RGB color space, hex #bac7fe is composed of 72.9% red, 78% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 21.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.5 degrees, a saturation of 97.1% and a lightness of 86.3%. #bac7fe color hex could be obtained by blending #ffffff with #758ffd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 78
- B 100
RGB color chart
- C 27
- M 22
- Y 0
- K 0
CMYK color chart

● #bac7fe color description : Very soft blue.

The hexadecimal color #bac7fe has RGB values of R:186, G:199, B:254 and CMYK values of C:0.27, M:0.22, Y:0, K:0. Its decimal value is 12240894.

Hex triplet	bac7fe	`#bac7fe`
RGB Decimal	186, 199, 254	`rgb(186,199,254)`
RGB Percent	72.9, 78, 99.6	`rgb(72.9%,78%,99.6%)`
CMYK	27, 22, 0, 0
HSL	228.5°, 97.1, 86.3	`hsl(228.5,97.1%,86.3%)`
HSV (or HSB)	228.5°, 26.8, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.983, 7.425, -28.453
XYZ	58.559, 58.441, 101.955
xyY	0.267, 0.267, 58.441
CIE-LCH	80.983, 29.406, 284.626
CIE-LUV	80.983, -9.578, -46.874
Hunter-Lab	76.446, 2.952, -25.562
Binary	10111010, 11000111, 11111110

#bac7fe
```
#bac7fe rgb(186,199,254)
```
#fef1ba
```
#fef1ba rgb(254,241,186)
```

Complementary Color

#bae9fe
```
#bae9fe rgb(186,233,254)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#cfbafe
```
#cfbafe rgb(207,186,254)
```

Analogous Color

#e9feba
```
#e9feba rgb(233,254,186)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#fecfba
```
#fecfba rgb(254,207,186)
```

Split Complementary Color

#c7feba
```
#c7feba rgb(199,254,186)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#febac7
```
#febac7 rgb(254,186,199)
```

Triadic Color

#bafef1
```
#bafef1 rgb(186,254,241)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#febac7
```
#febac7 rgb(254,186,199)
```
#fef1ba
```
#fef1ba rgb(254,241,186)
```

Tetradic Color

#6f8afd
```
#6f8afd rgb(111,138,253)
```
#889efd
```
#889efd rgb(136,158,253)
```
#a1b3fe
```
#a1b3fe rgb(161,179,254)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#d3dbfe
```
#d3dbfe rgb(211,219,254)
```
#ecf0ff
```
#ecf0ff rgb(236,240,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bad8fe
```
#bad8fe rgb(186,216,254)
```
#bad2fe
```
#bad2fe rgb(186,210,254)
```
#bacdfe
```
#bacdfe rgb(186,205,254)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#bac1fe
```
#bac1fe rgb(186,193,254)
```
#babcfe
```
#babcfe rgb(186,188,254)
```
#bebafe
```
#bebafe rgb(190,186,254)
```

Similar Colors

Text with hexadecimal color #bac7fe

This text has a font color of #bac7fe.

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

#bac7fe background color

This paragraph has a background color of #bac7fe.

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

#bac7fe border color

This element has a border color of #bac7fe.

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

CSS codes

.text {color:#bac7fe;}

.background {background-color:#bac7fe;}

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00061c
```
#00061c rgb(0,6,28)
```
#010a2f
```
#010a2f rgb(1,10,47)
```
#010d42
```
#010d42 rgb(1,13,66)
```
#011156
```
#011156 rgb(1,17,86)
```
#021569
```
#021569 rgb(2,21,105)
```
#02197c
```
#02197c rgb(2,25,124)
```
#021d90
```
#021d90 rgb(2,29,144)
```
#0221a3
```
#0221a3 rgb(2,33,163)
```
#0325b6
```
#0325b6 rgb(3,37,182)
```
#0329ca
```
#0329ca rgb(3,41,202)
```
#032ddd
```
#032ddd rgb(3,45,221)
```
#0331f0
```
#0331f0 rgb(3,49,240)
```

Shade Color Variation

#0c3afb
```
#0c3afb rgb(12,58,251)
```
#1f49fc
```
#1f49fc rgb(31,73,252)
```
#3359fc
```
#3359fc rgb(51,89,252)
```
#4669fc
```
#4669fc rgb(70,105,252)
```
#5979fd
```
#5979fd rgb(89,121,253)
```
#6d88fd
```
#6d88fd rgb(109,136,253)
```
#8098fd
```
#8098fd rgb(128,152,253)
```
#93a8fd
```
#93a8fd rgb(147,168,253)
```
#a7b7fe
```
#a7b7fe rgb(167,183,254)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```
#cdd7fe
```
#cdd7fe rgb(205,215,254)
```
#e1e6ff
```
#e1e6ff rgb(225,230,255)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#dadbde
```
#dadbde rgb(218,219,222)
```
#d8d9e0
```
#d8d9e0 rgb(216,217,224)
```
#d5d8e3
```
#d5d8e3 rgb(213,216,227)
```
#d2d6e6
```
#d2d6e6 rgb(210,214,230)
```
#d0d4e8
```
#d0d4e8 rgb(208,212,232)
```
#cdd3eb
```
#cdd3eb rgb(205,211,235)
```
#cad1ee
```
#cad1ee rgb(202,209,238)
```
#c7cff1
```
#c7cff1 rgb(199,207,241)
```
#c5cef3
```
#c5cef3 rgb(197,206,243)
```
#c2ccf6
```
#c2ccf6 rgb(194,204,246)
```
#bfcaf9
```
#bfcaf9 rgb(191,202,249)
```
#bdc9fb
```
#bdc9fb rgb(189,201,251)
```
#bac7fe
```
#bac7fe rgb(186,199,254)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6c9d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc9fe Protanopia 1% of men
#c2c8fe Deuteranopia 1% of men
#b5cfde Tritanopia 0.001% of the population

Trichromacy

#bcc8fe Protanomaly 1% of men, 0.01% of women
#bfc7fe Deuteranomaly 6% of men, 0.4% of women
#b7ccea Tritanomaly 0.01% of the population

#bac7fe hex color

#bac7fe Color Information

#bac7fe Color Conversion

Color Schemes with #bac7fe

Alternatives to #bac7fe

#bac7fe Preview

Shades and Tints of #bac7fe

Tones of #bac7fe

Color Blindness Simulator