#babfdf hex color

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

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

● #babfdf color description : Light grayish blue.

The hexadecimal color #babfdf has RGB values of R:186, G:191, B:223 and CMYK values of C:0.17, M:0.14, Y:0, K:0.13. Its decimal value is 12238815.

Hex triplet	babfdf	`#babfdf`
RGB Decimal	186, 191, 223	`rgb(186,191,223)`
RGB Percent	72.9, 74.9, 87.5	`rgb(72.9%,74.9%,87.5%)`
CMYK	17, 14, 0, 13
HSL	231.9°, 36.6, 80.2	`hsl(231.9,36.6%,80.2%)`
HSV (or HSB)	231.9°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.891, 4.75, -16.53
XYZ	52.197, 53.028, 77.293
xyY	0.286, 0.291, 53.028
CIE-LCH	77.891, 17.199, 286.034
CIE-LUV	77.891, -4.482, -26.561
Hunter-Lab	72.82, 0.512, -11.958
Binary	10111010, 10111111, 11011111

#babfdf
```
#babfdf rgb(186,191,223)
```
#dfdaba
```
#dfdaba rgb(223,218,186)
```

Complementary Color

#bad2df
```
#bad2df rgb(186,210,223)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#c8badf
```
#c8badf rgb(200,186,223)
```

Analogous Color

#d2dfba
```
#d2dfba rgb(210,223,186)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#dfc8ba
```
#dfc8ba rgb(223,200,186)
```

Split Complementary Color

#bfdfba
```
#bfdfba rgb(191,223,186)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#dfbabf
```
#dfbabf rgb(223,186,191)
```

Triadic Color

#badfda
```
#badfda rgb(186,223,218)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#dfbabf
```
#dfbabf rgb(223,186,191)
```
#dfdaba
```
#dfdaba rgb(223,218,186)
```

Tetradic Color

#868fc7
```
#868fc7 rgb(134,143,199)
```
#979fcf
```
#979fcf rgb(151,159,207)
```
#a9afd7
```
#a9afd7 rgb(169,175,215)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#cbcfe7
```
#cbcfe7 rgb(203,207,231)
```
#dddfef
```
#dddfef rgb(221,223,239)
```
#eeeff7
```
#eeeff7 rgb(238,239,247)
```

Monochromatic Color

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

#bac8df
```
#bac8df rgb(186,200,223)
```
#bac5df
```
#bac5df rgb(186,197,223)
```
#bac2df
```
#bac2df rgb(186,194,223)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#babcdf
```
#babcdf rgb(186,188,223)
```
#bbbadf
```
#bbbadf rgb(187,186,223)
```
#bebadf
```
#bebadf rgb(190,186,223)
```

Similar Colors

Text with hexadecimal color #babfdf

This text has a font color of #babfdf.

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

#babfdf background color

This paragraph has a background color of #babfdf.

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

#babfdf border color

This element has a border color of #babfdf.

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

CSS codes

.text {color:#babfdf;}

.background {background-color:#babfdf;}

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

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

#05060b
```
#05060b rgb(5,6,11)
```
#0c0d19
```
#0c0d19 rgb(12,13,25)
```
#121426
```
#121426 rgb(18,20,38)
```
#181c34
```
#181c34 rgb(24,28,52)
```
#1e2341
```
#1e2341 rgb(30,35,65)
```
#242a4e
```
#242a4e rgb(36,42,78)
```
#2b315c
```
#2b315c rgb(43,49,92)
```
#313869
```
#313869 rgb(49,56,105)
```
#374077
```
#374077 rgb(55,64,119)
```
#3d4784
```
#3d4784 rgb(61,71,132)
```
#434e91
```
#434e91 rgb(67,78,145)
```
#4a559f
```
#4a559f rgb(74,85,159)
```
#505cac
```
#505cac rgb(80,92,172)
```

Shade Color Variation

#5c68b3
```
#5c68b3 rgb(92,104,179)
```
#6a74ba
```
#6a74ba rgb(106,116,186)
```
#7781c0
```
#7781c0 rgb(119,129,192)
```
#848dc6
```
#848dc6 rgb(132,141,198)
```
#929acc
```
#929acc rgb(146,154,204)
```
#9fa6d3
```
#9fa6d3 rgb(159,166,211)
```
#adb3d9
```
#adb3d9 rgb(173,179,217)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#c7cbe5
```
#c7cbe5 rgb(199,203,229)
```
#d5d8eb
```
#d5d8eb rgb(213,216,235)
```
#e2e4f2
```
#e2e4f2 rgb(226,228,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cacacf
```
#cacacf rgb(202,202,207)
```
#c6c8d3
```
#c6c8d3 rgb(198,200,211)
```
#c2c5d7
```
#c2c5d7 rgb(194,197,215)
```
#bec2db
```
#bec2db rgb(190,194,219)
```
#babfdf
```
#babfdf rgb(186,191,223)
```
#b6bce3
```
#b6bce3 rgb(182,188,227)
```
#b2b9e7
```
#b2b9e7 rgb(178,185,231)
```
#aeb6eb
```
#aeb6eb rgb(174,182,235)
```
#aab4ef
```
#aab4ef rgb(170,180,239)
```
#a7b1f2
```
#a7b1f2 rgb(167,177,242)
```
#a3aef6
```
#a3aef6 rgb(163,174,246)
```
#9fabfa
```
#9fabfa rgb(159,171,250)
```
#9ba8fe
```
#9ba8fe rgb(155,168,254)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc2e0 Protanopia 1% of men
#c6bfe1 Deuteranopia 1% of men
#bac4d2 Tritanopia 0.001% of the population

Trichromacy

#bcc1e0 Protanomaly 1% of men, 0.01% of women
#c2bfe0 Deuteranomaly 6% of men, 0.4% of women
#bac2d7 Tritanomaly 0.01% of the population

#babfdf hex color

#babfdf Color Information

#babfdf Color Conversion

Color Schemes with #babfdf

Alternatives to #babfdf

#babfdf Preview

Shades and Tints of #babfdf

Tones of #babfdf

Color Blindness Simulator