#bacbfd hex color

In a RGB color space, hex #bacbfd is composed of 72.9% red, 79.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 19.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.8 degrees, a saturation of 94.4% and a lightness of 86.1%. #bacbfd color hex could be obtained by blending #ffffff with #7597fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 80
- B 99
RGB color chart
- C 26
- M 20
- Y 0
- K 1
CMYK color chart

● #bacbfd color description : Very soft blue.

The hexadecimal color #bacbfd has RGB values of R:186, G:203, B:253 and CMYK values of C:0.26, M:0.2, Y:0, K:0.01. Its decimal value is 12241917.

Hex triplet	bacbfd	`#bacbfd`
RGB Decimal	186, 203, 253	`rgb(186,203,253)`
RGB Percent	72.9, 79.6, 99.2	`rgb(72.9%,79.6%,99.2%)`
CMYK	26, 20, 0, 1
HSL	224.8°, 94.4, 86.1	`hsl(224.8,94.4%,86.1%)`
HSV (or HSB)	224.8°, 26.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.969, 5.038, -26.412
XYZ	59.332, 60.242, 101.425
xyY	0.268, 0.273, 60.242
CIE-LCH	81.969, 26.889, 280.798
CIE-LUV	81.969, -11.253, -43.151
Hunter-Lab	77.615, 0.624, -23.147
Binary	10111010, 11001011, 11111101

#bacbfd
```
#bacbfd rgb(186,203,253)
```
#fdecba
```
#fdecba rgb(253,236,186)
```

Complementary Color

#baedfd
```
#baedfd rgb(186,237,253)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#cbbafd
```
#cbbafd rgb(203,186,253)
```

Analogous Color

#edfdba
```
#edfdba rgb(237,253,186)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#fdcbba
```
#fdcbba rgb(253,203,186)
```

Split Complementary Color

#cbfdba
```
#cbfdba rgb(203,253,186)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#fdbacb
```
#fdbacb rgb(253,186,203)
```

Triadic Color

#bafdec
```
#bafdec rgb(186,253,236)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#fdbacb
```
#fdbacb rgb(253,186,203)
```
#fdecba
```
#fdecba rgb(253,236,186)
```

Tetradic Color

#7093fb
```
#7093fb rgb(112,147,251)
```
#88a6fc
```
#88a6fc rgb(136,166,252)
```
#a1b8fc
```
#a1b8fc rgb(161,184,252)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#d3defe
```
#d3defe rgb(211,222,254)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#badcfd
```
#badcfd rgb(186,220,253)
```
#bad6fd
```
#bad6fd rgb(186,214,253)
```
#bad1fd
```
#bad1fd rgb(186,209,253)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#bac5fd
```
#bac5fd rgb(186,197,253)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#babafd
```
#babafd rgb(186,186,253)
```

Similar Colors

Text with hexadecimal color #bacbfd

This text has a font color of #bacbfd.

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

#bacbfd background color

This paragraph has a background color of #bacbfd.

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

#bacbfd border color

This element has a border color of #bacbfd.

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

CSS codes

.text {color:#bacbfd;}

.background {background-color:#bacbfd;}

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01071a
```
#01071a rgb(1,7,26)
```
#010c2d
```
#010c2d rgb(1,12,45)
```
#021240
```
#021240 rgb(2,18,64)
```
#021754
```
#021754 rgb(2,23,84)
```
#031c67
```
#031c67 rgb(3,28,103)
```
#04217a
```
#04217a rgb(4,33,122)
```
#04278d
```
#04278d rgb(4,39,141)
```
#052ca0
```
#052ca0 rgb(5,44,160)
```
#0531b3
```
#0531b3 rgb(5,49,179)
```
#0636c6
```
#0636c6 rgb(6,54,198)
```
#063cd9
```
#063cd9 rgb(6,60,217)
```
#0741ec
```
#0741ec rgb(7,65,236)
```

Shade Color Variation

#0e4af8
```
#0e4af8 rgb(14,74,248)
```
#2158f9
```
#2158f9 rgb(33,88,249)
```
#3566f9
```
#3566f9 rgb(53,102,249)
```
#4875fa
```
#4875fa rgb(72,117,250)
```
#5b83fa
```
#5b83fa rgb(91,131,250)
```
#6e92fb
```
#6e92fb rgb(110,146,251)
```
#81a0fb
```
#81a0fb rgb(129,160,251)
```
#94aefc
```
#94aefc rgb(148,174,252)
```
#a7bdfc
```
#a7bdfc rgb(167,189,252)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#cdd9fe
```
#cdd9fe rgb(205,217,254)
```
#e0e8fe
```
#e0e8fe rgb(224,232,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8dadf
```
#d8dadf rgb(216,218,223)
```
#d5d8e2
```
#d5d8e2 rgb(213,216,226)
```
#d3d7e4
```
#d3d7e4 rgb(211,215,228)
```
#d0d6e7
```
#d0d6e7 rgb(208,214,231)
```
#cdd4ea
```
#cdd4ea rgb(205,212,234)
```
#cad3ed
```
#cad3ed rgb(202,211,237)
```
#c8d2ef
```
#c8d2ef rgb(200,210,239)
```
#c5d0f2
```
#c5d0f2 rgb(197,208,242)
```
#c2cff5
```
#c2cff5 rgb(194,207,245)
```
#bfcef8
```
#bfcef8 rgb(191,206,248)
```
#bdccfa
```
#bdccfa rgb(189,204,250)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8ccd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ccfc Protanopia 1% of men
#c7cafe Deuteranopia 1% of men
#b6d2e1 Tritanopia 0.001% of the population

Trichromacy

#bfcbfc Protanomaly 1% of men, 0.01% of women
#c2cafd Deuteranomaly 6% of men, 0.4% of women
#b7cfeb Tritanomaly 0.01% of the population

#bacbfd hex color

#bacbfd Color Information

#bacbfd Color Conversion

Color Schemes with #bacbfd

Alternatives to #bacbfd

#bacbfd Preview

Shades and Tints of #bacbfd

Tones of #bacbfd

Color Blindness Simulator