#babed4 hex color

In a RGB color space, hex #babed4 is composed of 72.9% red, 74.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 10.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 230.8 degrees, a saturation of 23.2% and a lightness of 78%. #babed4 color hex could be obtained by blending #ffffff with #757da9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 75
- B 83
RGB color chart
- C 12
- M 10
- Y 0
- K 17
CMYK color chart

● #babed4 color description : Grayish blue.

The hexadecimal color #babed4 has RGB values of R:186, G:190, B:212 and CMYK values of C:0.12, M:0.1, Y:0, K:0.17. Its decimal value is 12238548.

Hex triplet	babed4	`#babed4`
RGB Decimal	186, 190, 212	`rgb(186,190,212)`
RGB Percent	72.9, 74.5, 83.1	`rgb(72.9%,74.5%,83.1%)`
CMYK	12, 10, 0, 17
HSL	230.8°, 23.2, 78	`hsl(230.8,23.2%,78%)`
HSV (or HSB)	230.8°, 12.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.292, 2.965, -11.487
XYZ	50.545, 52.019, 69.662
xyY	0.293, 0.302, 52.019
CIE-LCH	77.292, 11.863, 284.476
CIE-LUV	77.292, -3.42, -18.178
Hunter-Lab	72.124, -1.125, -6.779
Binary	10111010, 10111110, 11010100

#babed4
```
#babed4 rgb(186,190,212)
```
#d4d0ba
```
#d4d0ba rgb(212,208,186)
```

Complementary Color

#bacbd4
```
#bacbd4 rgb(186,203,212)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#c3bad4
```
#c3bad4 rgb(195,186,212)
```

Analogous Color

#cbd4ba
```
#cbd4ba rgb(203,212,186)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#d4c3ba
```
#d4c3ba rgb(212,195,186)
```

Split Complementary Color

#bed4ba
```
#bed4ba rgb(190,212,186)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#d4babe
```
#d4babe rgb(212,186,190)
```

Triadic Color

#bad4d0
```
#bad4d0 rgb(186,212,208)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#d4babe
```
#d4babe rgb(212,186,190)
```
#d4d0ba
```
#d4d0ba rgb(212,208,186)
```

Tetradic Color

#8b92b7
```
#8b92b7 rgb(139,146,183)
```
#9ba0c0
```
#9ba0c0 rgb(155,160,192)
```
#aaafca
```
#aaafca rgb(170,175,202)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#cacdde
```
#cacdde rgb(202,205,222)
```
#d9dce8
```
#d9dce8 rgb(217,220,232)
```
#e9eaf1
```
#e9eaf1 rgb(233,234,241)
```

Monochromatic Color

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

#bac5d4
```
#bac5d4 rgb(186,197,212)
```
#bac2d4
```
#bac2d4 rgb(186,194,212)
```
#bac0d4
```
#bac0d4 rgb(186,192,212)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#babad4
```
#babad4 rgb(186,186,212)
```
#bdbad4
```
#bdbad4 rgb(189,186,212)
```

Similar Colors

Text with hexadecimal color #babed4

This text has a font color of #babed4.

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

#babed4 background color

This paragraph has a background color of #babed4.

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

#babed4 border color

This element has a border color of #babed4.

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

CSS codes

.text {color:#babed4;}

.background {background-color:#babed4;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0b10
```
#0a0b10 rgb(10,11,16)
```
#11131c
```
#11131c rgb(17,19,28)
```
#191b28
```
#191b28 rgb(25,27,40)
```
#202334
```
#202334 rgb(32,35,52)
```
#282c40
```
#282c40 rgb(40,44,64)
```
#2f344c
```
#2f344c rgb(47,52,76)
```
#373c58
```
#373c58 rgb(55,60,88)
```
#3e4464
```
#3e4464 rgb(62,68,100)
```
#464c70
```
#464c70 rgb(70,76,112)
```
#4d557c
```
#4d557c rgb(77,85,124)
```
#555d88
```
#555d88 rgb(85,93,136)
```
#5d6595
```
#5d6595 rgb(93,101,149)
```

Shade Color Variation

#656e9f
```
#656e9f rgb(101,110,159)
```
#717aa7
```
#717aa7 rgb(113,122,167)
```
#7e85ae
```
#7e85ae rgb(126,133,174)
```
#8a90b6
```
#8a90b6 rgb(138,144,182)
```
#969cbd
```
#969cbd rgb(150,156,189)
```
#a2a7c5
```
#a2a7c5 rgb(162,167,197)
```
#aeb3cc
```
#aeb3cc rgb(174,179,204)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#c6c9dc
```
#c6c9dc rgb(198,201,220)
```
#d2d5e3
```
#d2d5e3 rgb(210,213,227)
```
#dee0eb
```
#dee0eb rgb(222,224,235)
```
#eaecf2
```
#eaecf2 rgb(234,236,242)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c3c4cb
```
#c3c4cb rgb(195,196,203)
```
#bec1d0
```
#bec1d0 rgb(190,193,208)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#b6bbd8
```
#b6bbd8 rgb(182,187,216)
```
#b1b8dd
```
#b1b8dd rgb(177,184,221)
```
#adb5e1
```
#adb5e1 rgb(173,181,225)
```
#a9b2e5
```
#a9b2e5 rgb(169,178,229)
```
#a4afea
```
#a4afea rgb(164,175,234)
```
#a0acee
```
#a0acee rgb(160,172,238)
```
#9ca9f2
```
#9ca9f2 rgb(156,169,242)
```
#98a6f6
```
#98a6f6 rgb(152,166,246)
```
#93a3fb
```
#93a3fb rgb(147,163,251)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bebfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc0d5 Protanopia 1% of men
#c9bdd7 Deuteranopia 1% of men
#bcc2d0 Tritanopia 0.001% of the population

Trichromacy

#bdbfd5 Protanomaly 1% of men, 0.01% of women
#c4bdd6 Deuteranomaly 6% of men, 0.4% of women
#bbc0d1 Tritanomaly 0.01% of the population

#babed4 hex color

#babed4 Color Information

#babed4 Color Conversion

Color Schemes with #babed4

Alternatives to #babed4

#babed4 Preview

Shades and Tints of #babed4

Tones of #babed4

Color Blindness Simulator