#bacfdf hex color

In a RGB color space, hex #bacfdf is composed of 72.9% red, 81.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 7.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 205.9 degrees, a saturation of 36.6% and a lightness of 80.2%. #bacfdf color hex could be obtained by blending #ffffff with #759fbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 81
- B 87
RGB color chart
- C 17
- M 7
- Y 0
- K 13
CMYK color chart

● #bacfdf color description : Light grayish blue.

The hexadecimal color #bacfdf has RGB values of R:186, G:207, B:223 and CMYK values of C:0.17, M:0.07, Y:0, K:0.13. Its decimal value is 12242911.

Hex triplet	bacfdf	`#bacfdf`
RGB Decimal	186, 207, 223	`rgb(186,207,223)`
RGB Percent	72.9, 81.2, 87.5	`rgb(72.9%,81.2%,87.5%)`
CMYK	17, 7, 0, 13
HSL	205.9°, 36.6, 80.2	`hsl(205.9,36.6%,80.2%)`
HSV (or HSB)	205.9°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.051, -3.767, -10.299
XYZ	55.879, 60.392, 78.521
xyY	0.287, 0.31, 60.392
CIE-LCH	82.051, 10.966, 249.908
CIE-LUV	82.051, -11.902, -15.343
Hunter-Lab	77.712, -7.645, -5.509
Binary	10111010, 11001111, 11011111

#bacfdf
```
#bacfdf rgb(186,207,223)
```
#dfcaba
```
#dfcaba rgb(223,202,186)
```

Complementary Color

#badfdd
```
#badfdd rgb(186,223,221)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#babddf
```
#babddf rgb(186,189,223)
```

Analogous Color

#dfddba
```
#dfddba rgb(223,221,186)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#dfbabd
```
#dfbabd rgb(223,186,189)
```

Split Complementary Color

#cfdfba
```
#cfdfba rgb(207,223,186)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#dfbacf
```
#dfbacf rgb(223,186,207)
```

Triadic Color

#badfca
```
#badfca rgb(186,223,202)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#dfbacf
```
#dfbacf rgb(223,186,207)
```
#dfcaba
```
#dfcaba rgb(223,202,186)
```

Tetradic Color

#86abc7
```
#86abc7 rgb(134,171,199)
```
#97b7cf
```
#97b7cf rgb(151,183,207)
```
#a9c3d7
```
#a9c3d7 rgb(169,195,215)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#cbdbe7
```
#cbdbe7 rgb(203,219,231)
```
#dde7ef
```
#dde7ef rgb(221,231,239)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```

Monochromatic Color

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

#bad8df
```
#bad8df rgb(186,216,223)
```
#bad5df
```
#bad5df rgb(186,213,223)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#baccdf
```
#baccdf rgb(186,204,223)
```
#bac9df
```
#bac9df rgb(186,201,223)
```
#bac6df
```
#bac6df rgb(186,198,223)
```

Similar Colors

Text with hexadecimal color #bacfdf

This text has a font color of #bacfdf.

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

#bacfdf background color

This paragraph has a background color of #bacfdf.

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

#bacfdf border color

This element has a border color of #bacfdf.

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

CSS codes

.text {color:#bacfdf;}

.background {background-color:#bacfdf;}

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

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, #05090b is the darkest color, while #fdfefe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0c1319
```
#0c1319 rgb(12,19,25)
```
#121d26
```
#121d26 rgb(18,29,38)
```
#182834
```
#182834 rgb(24,40,52)
```
#1e3241
```
#1e3241 rgb(30,50,65)
```
#243c4e
```
#243c4e rgb(36,60,78)
```
#2b475c
```
#2b475c rgb(43,71,92)
```
#315169
```
#315169 rgb(49,81,105)
```
#375b77
```
#375b77 rgb(55,91,119)
```
#3d6584
```
#3d6584 rgb(61,101,132)
```
#437091
```
#437091 rgb(67,112,145)
```
#4a7a9f
```
#4a7a9f rgb(74,122,159)
```
#5084ac
```
#5084ac rgb(80,132,172)
```

Shade Color Variation

#5c8eb3
```
#5c8eb3 rgb(92,142,179)
```
#6a97ba
```
#6a97ba rgb(106,151,186)
```
#77a0c0
```
#77a0c0 rgb(119,160,192)
```
#84aac6
```
#84aac6 rgb(132,170,198)
```
#92b3cc
```
#92b3cc rgb(146,179,204)
```
#9fbcd3
```
#9fbcd3 rgb(159,188,211)
```
#adc6d9
```
#adc6d9 rgb(173,198,217)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#c7d8e5
```
#c7d8e5 rgb(199,216,229)
```
#d5e2eb
```
#d5e2eb rgb(213,226,235)
```
#e2ebf2
```
#e2ebf2 rgb(226,235,242)
```
#f0f4f8
```
#f0f4f8 rgb(240,244,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cacdcf
```
#cacdcf rgb(202,205,207)
```
#c6cdd3
```
#c6cdd3 rgb(198,205,211)
```
#c2ced7
```
#c2ced7 rgb(194,206,215)
```
#becedb
```
#becedb rgb(190,206,219)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```
#b6d0e3
```
#b6d0e3 rgb(182,208,227)
```
#b2d0e7
```
#b2d0e7 rgb(178,208,231)
```
#aed1eb
```
#aed1eb rgb(174,209,235)
```
#aad1ef
```
#aad1ef rgb(170,209,239)
```
#a7d2f2
```
#a7d2f2 rgb(167,210,242)
```
#a3d2f6
```
#a3d2f6 rgb(163,210,246)
```
#9fd3fa
```
#9fd3fa rgb(159,211,250)
```
#9bd3fe
```
#9bd3fe rgb(155,211,254)
```

Tone Color Variation

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

Dichromacy

#cdcdde Protanopia 1% of men
#d7c9e3 Deuteranopia 1% of men
#bdd1e0 Tritanopia 0.001% of the population

Trichromacy

#c6cdde Protanomaly 1% of men, 0.01% of women
#cccbe1 Deuteranomaly 6% of men, 0.4% of women
#bcd0df Tritanomaly 0.01% of the population

#bacfdf hex color

#bacfdf Color Information

#bacfdf Color Conversion

Color Schemes with #bacfdf

Alternatives to #bacfdf

#bacfdf Preview

Shades and Tints of #bacfdf

Tones of #bacfdf

Color Blindness Simulator