#bacbf7 hex color

In a RGB color space, hex #bacbf7 is composed of 72.9% red, 79.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 17.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 223.3 degrees, a saturation of 79.2% and a lightness of 84.9%. #bacbf7 color hex could be obtained by blending #ffffff with #7597ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 80
- B 97
RGB color chart
- C 25
- M 18
- Y 0
- K 3
CMYK color chart

● #bacbf7 color description : Very soft blue.

The hexadecimal color #bacbf7 has RGB values of R:186, G:203, B:247 and CMYK values of C:0.25, M:0.18, Y:0, K:0.03. Its decimal value is 12241911.

Hex triplet	bacbf7	`#bacbf7`
RGB Decimal	186, 203, 247	`rgb(186,203,247)`
RGB Percent	72.9, 79.6, 96.9	`rgb(72.9%,79.6%,96.9%)`
CMYK	25, 18, 0, 3
HSL	223.3°, 79.2, 84.9	`hsl(223.3,79.2%,84.9%)`
HSV (or HSB)	223.3°, 24.7, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.765, 3.648, -23.531
XYZ	58.391, 59.865, 96.469
xyY	0.272, 0.279, 59.865
CIE-LCH	81.765, 23.812, 278.813
CIE-LUV	81.765, -11.008, -38.102
Hunter-Lab	77.373, -0.694, -19.763
Binary	10111010, 11001011, 11110111

#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#f7e6ba
```
#f7e6ba rgb(247,230,186)
```

Complementary Color

#baeaf7
```
#baeaf7 rgb(186,234,247)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#c8baf7
```
#c8baf7 rgb(200,186,247)
```

Analogous Color

#eaf7ba
```
#eaf7ba rgb(234,247,186)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#f7c8ba
```
#f7c8ba rgb(247,200,186)
```

Split Complementary Color

#cbf7ba
```
#cbf7ba rgb(203,247,186)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#f7bacb
```
#f7bacb rgb(247,186,203)
```

Triadic Color

#baf7e6
```
#baf7e6 rgb(186,247,230)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#f7bacb
```
#f7bacb rgb(247,186,203)
```
#f7e6ba
```
#f7e6ba rgb(247,230,186)
```

Tetradic Color

#7597ef
```
#7597ef rgb(117,151,239)
```
#8ca9f2
```
#8ca9f2 rgb(140,169,242)
```
#a3baf4
```
#a3baf4 rgb(163,186,244)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#d1dcfa
```
#d1dcfa rgb(209,220,250)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#badaf7
```
#badaf7 rgb(186,218,247)
```
#bad5f7
```
#bad5f7 rgb(186,213,247)
```
#bad0f7
```
#bad0f7 rgb(186,208,247)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#bac6f7
```
#bac6f7 rgb(186,198,247)
```
#bac1f7
```
#bac1f7 rgb(186,193,247)
```
#babcf7
```
#babcf7 rgb(186,188,247)
```

Similar Colors

Text with hexadecimal color #bacbf7

This text has a font color of #bacbf7.

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

#bacbf7 background color

This paragraph has a background color of #bacbf7.

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

#bacbf7 border color

This element has a border color of #bacbf7.

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

CSS codes

.text {color:#bacbf7;}

.background {background-color:#bacbf7;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020713
```
#020713 rgb(2,7,19)
```
#040d24
```
#040d24 rgb(4,13,36)
```
#061436
```
#061436 rgb(6,20,54)
```
#081a48
```
#081a48 rgb(8,26,72)
```
#0a2059
```
#0a2059 rgb(10,32,89)
```
#0c276b
```
#0c276b rgb(12,39,107)
```
#0e2d7c
```
#0e2d7c rgb(14,45,124)
```
#10338e
```
#10338e rgb(16,51,142)
```
#123aa0
```
#123aa0 rgb(18,58,160)
```
#1540b1
```
#1540b1 rgb(21,64,177)
```
#1747c3
```
#1747c3 rgb(23,71,195)
```
#194dd4
```
#194dd4 rgb(25,77,212)
```

Shade Color Variation

#1c54e5
```
#1c54e5 rgb(28,84,229)
```
#2d61e7
```
#2d61e7 rgb(45,97,231)
```
#3f6ee9
```
#3f6ee9 rgb(63,110,233)
```
#517ceb
```
#517ceb rgb(81,124,235)
```
#6289ed
```
#6289ed rgb(98,137,237)
```
#7496ef
```
#7496ef rgb(116,150,239)
```
#85a3f1
```
#85a3f1 rgb(133,163,241)
```
#97b1f3
```
#97b1f3 rgb(151,177,243)
```
#a8bef5
```
#a8bef5 rgb(168,190,245)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#ccd8f9
```
#ccd8f9 rgb(204,216,249)
```
#dde5fb
```
#dde5fb rgb(221,229,251)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d7dc
```
#d5d7dc rgb(213,215,220)
```
#d2d5df
```
#d2d5df rgb(210,213,223)
```
#cfd4e2
```
#cfd4e2 rgb(207,212,226)
```
#ccd3e5
```
#ccd3e5 rgb(204,211,229)
```
#c9d2e8
```
#c9d2e8 rgb(201,210,232)
```
#c6d0eb
```
#c6d0eb rgb(198,208,235)
```
#c3cfee
```
#c3cfee rgb(195,207,238)
```
#c0cef1
```
#c0cef1 rgb(192,206,241)
```
#bdccf4
```
#bdccf4 rgb(189,204,244)
```
#bacbf7
```
#bacbf7 rgb(186,203,247)
```
#b7cafa
```
#b7cafa rgb(183,202,250)
```
#b4c8fd
```
#b4c8fd rgb(180,200,253)
```

Tone Color Variation

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

Dichromacy

#c3ccf6 Protanopia 1% of men
#cacaf8 Deuteranopia 1% of men
#b8d1e0 Tritanopia 0.001% of the population

Trichromacy

#c0cbf6 Protanomaly 1% of men, 0.01% of women
#c4caf8 Deuteranomaly 6% of men, 0.4% of women
#b8cfe8 Tritanomaly 0.01% of the population

#bacbf7 hex color

#bacbf7 Color Information

#bacbf7 Color Conversion

Color Schemes with #bacbf7

Alternatives to #bacbf7

#bacbf7 Preview

Shades and Tints of #bacbf7

Tones of #bacbf7

Color Blindness Simulator