#bacfd5 hex color

In a RGB color space, hex #bacfd5 is composed of 72.9% red, 81.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 2.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 193.3 degrees, a saturation of 24.3% and a lightness of 78.2%. #bacfd5 color hex could be obtained by blending #ffffff with #759fab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 81
- B 84
RGB color chart
- C 13
- M 3
- Y 0
- K 16
CMYK color chart

● #bacfd5 color description : Grayish cyan.

The hexadecimal color #bacfd5 has RGB values of R:186, G:207, B:213 and CMYK values of C:0.13, M:0.03, Y:0, K:0.16. Its decimal value is 12242901.

Hex triplet	bacfd5	`#bacfd5`
RGB Decimal	186, 207, 213	`rgb(186,207,213)`
RGB Percent	72.9, 81.2, 83.5	`rgb(72.9%,81.2%,83.5%)`
CMYK	13, 3, 0, 16
HSL	193.3°, 24.3, 78.2	`hsl(193.3,24.3%,78.2%)`
HSV (or HSB)	193.3°, 12.7, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.766, -5.839, -5.379
XYZ	54.57, 59.868, 71.628
xyY	0.293, 0.322, 59.868
CIE-LCH	81.766, 7.939, 222.654
CIE-LUV	81.766, -11.556, -7.246
Hunter-Lab	77.374, -9.514, -0.724
Binary	10111010, 11001111, 11010101

#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#d5c0ba
```
#d5c0ba rgb(213,192,186)
```

Complementary Color

#bad5ce
```
#bad5ce rgb(186,213,206)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#bac2d5
```
#bac2d5 rgb(186,194,213)
```

Analogous Color

#d5ceba
```
#d5ceba rgb(213,206,186)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#d5bac2
```
#d5bac2 rgb(213,186,194)
```

Split Complementary Color

#cfd5ba
```
#cfd5ba rgb(207,213,186)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#d5bacf
```
#d5bacf rgb(213,186,207)
```

Triadic Color

#bad5c0
```
#bad5c0 rgb(186,213,192)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#d5bacf
```
#d5bacf rgb(213,186,207)
```
#d5c0ba
```
#d5c0ba rgb(213,192,186)
```

Tetradic Color

#8aaeb8
```
#8aaeb8 rgb(138,174,184)
```
#9ab9c2
```
#9ab9c2 rgb(154,185,194)
```
#aac4cb
```
#aac4cb rgb(170,196,203)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#cadadf
```
#cadadf rgb(202,218,223)
```
#dae5e8
```
#dae5e8 rgb(218,229,232)
```
#eaf0f2
```
#eaf0f2 rgb(234,240,242)
```

Monochromatic Color

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

#bad5d4
```
#bad5d4 rgb(186,213,212)
```
#bad4d5
```
#bad4d5 rgb(186,212,213)
```
#bad1d5
```
#bad1d5 rgb(186,209,213)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#bacdd5
```
#bacdd5 rgb(186,205,213)
```
#bacbd5
```
#bacbd5 rgb(186,203,213)
```
#bac8d5
```
#bac8d5 rgb(186,200,213)
```

Similar Colors

Text with hexadecimal color #bacfd5

This text has a font color of #bacfd5.

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

#bacfd5 background color

This paragraph has a background color of #bacfd5.

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

#bacfd5 border color

This element has a border color of #bacfd5.

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

CSS codes

.text {color:#bacfd5;}

.background {background-color:#bacfd5;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0f10
```
#0a0f10 rgb(10,15,16)
```
#111a1d
```
#111a1d rgb(17,26,29)
```
#192529
```
#192529 rgb(25,37,41)
```
#203035
```
#203035 rgb(32,48,53)
```
#283b41
```
#283b41 rgb(40,59,65)
```
#2f474d
```
#2f474d rgb(47,71,77)
```
#36525a
```
#36525a rgb(54,82,90)
```
#3e5d66
```
#3e5d66 rgb(62,93,102)
```
#456872
```
#456872 rgb(69,104,114)
```
#4d737e
```
#4d737e rgb(77,115,126)
```
#547e8a
```
#547e8a rgb(84,126,138)
```
#5c8996
```
#5c8996 rgb(92,137,150)
```

Shade Color Variation

#6594a1
```
#6594a1 rgb(101,148,161)
```
#719ca8
```
#719ca8 rgb(113,156,168)
```
#7da5b0
```
#7da5b0 rgb(125,165,176)
```
#89adb7
```
#89adb7 rgb(137,173,183)
```
#95b6bf
```
#95b6bf rgb(149,182,191)
```
#a2bec6
```
#a2bec6 rgb(162,190,198)
```
#aec7ce
```
#aec7ce rgb(174,199,206)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#c6d7dc
```
#c6d7dc rgb(198,215,220)
```
#d2e0e4
```
#d2e0e4 rgb(210,224,228)
```
#dfe8eb
```
#dfe8eb rgb(223,232,235)
```
#ebf1f3
```
#ebf1f3 rgb(235,241,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#c7c8c8
```
#c7c8c8 rgb(199,200,200)
```
#c3cacc
```
#c3cacc rgb(195,202,204)
```
#becdd1
```
#becdd1 rgb(190,205,209)
```
#bacfd5
```
#bacfd5 rgb(186,207,213)
```
#b6d1d9
```
#b6d1d9 rgb(182,209,217)
```
#b1d4de
```
#b1d4de rgb(177,212,222)
```
#add6e2
```
#add6e2 rgb(173,214,226)
```
#a9d8e6
```
#a9d8e6 rgb(169,216,230)
```
#a5dbea
```
#a5dbea rgb(165,219,234)
```
#a0ddef
```
#a0ddef rgb(160,221,239)
```
#9ce0f3
```
#9ce0f3 rgb(156,224,243)
```
#98e2f7
```
#98e2f7 rgb(152,226,247)
```
#94e4fb
```
#94e4fb rgb(148,228,251)
```

Tone Color Variation

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

Dichromacy

#cfccd4 Protanopia 1% of men
#dbc8da Deuteranopia 1% of men
#bfd0df Tritanopia 0.001% of the population

Trichromacy

#c7cdd4 Protanomaly 1% of men, 0.01% of women
#cfcad8 Deuteranomaly 6% of men, 0.4% of women
#bdcfdb Tritanomaly 0.01% of the population

#bacfd5 hex color

#bacfd5 Color Information

#bacfd5 Color Conversion

Color Schemes with #bacfd5

Alternatives to #bacfd5

#bacfd5 Preview

Shades and Tints of #bacfd5

Tones of #bacfd5

Color Blindness Simulator