#bab4d2 hex color

In a RGB color space, hex #bab4d2 is composed of 72.9% red, 70.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 14.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 252 degrees, a saturation of 25% and a lightness of 76.5%. #bab4d2 color hex could be obtained by blending #ffffff with #7569a5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 71
- B 82
RGB color chart
- C 11
- M 14
- Y 0
- K 18
CMYK color chart

● #bab4d2 color description : Grayish blue.

The hexadecimal color #bab4d2 has RGB values of R:186, G:180, B:210 and CMYK values of C:0.11, M:0.14, Y:0, K:0.18. Its decimal value is 12235986.

Hex triplet	bab4d2	`#bab4d2`
RGB Decimal	186, 180, 210	`rgb(186,180,210)`
RGB Percent	72.9, 70.6, 82.4	`rgb(72.9%,70.6%,82.4%)`
CMYK	11, 14, 0, 18
HSL	252°, 25, 76.5	`hsl(252,25%,76.5%)`
HSV (or HSB)	252°, 14.3, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.657, 7.965, -14.349
XYZ	48.202, 47.735, 67.644
xyY	0.295, 0.292, 47.735
CIE-LCH	74.657, 16.412, 299.034
CIE-LUV	74.657, 1.471, -23.422
Hunter-Lab	69.09, 3.625, -9.685
Binary	10111010, 10110100, 11010010

#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```

Complementary Color

#b4bdd2
```
#b4bdd2 rgb(180,189,210)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#c9b4d2
```
#c9b4d2 rgb(201,180,210)
```

Analogous Color

#bdd2b4
```
#bdd2b4 rgb(189,210,180)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#d2c9b4
```
#d2c9b4 rgb(210,201,180)
```

Split Complementary Color

#b4d2ba
```
#b4d2ba rgb(180,210,186)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#d2bab4
```
#d2bab4 rgb(210,186,180)
```

Triadic Color

#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#d2bab4
```
#d2bab4 rgb(210,186,180)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```

Tetradic Color

#8e84b5
```
#8e84b5 rgb(142,132,181)
```
#9d94bf
```
#9d94bf rgb(157,148,191)
```
#aba4c8
```
#aba4c8 rgb(171,164,200)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#c9c4dc
```
#c9c4dc rgb(201,196,220)
```
#d7d4e5
```
#d7d4e5 rgb(215,212,229)
```
#e6e4ef
```
#e6e4ef rgb(230,228,239)
```

Monochromatic Color

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

#b4b6d2
```
#b4b6d2 rgb(180,182,210)
```
#b5b4d2
```
#b5b4d2 rgb(181,180,210)
```
#b8b4d2
```
#b8b4d2 rgb(184,180,210)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#bdb4d2
```
#bdb4d2 rgb(189,180,210)
```
#bfb4d2
```
#bfb4d2 rgb(191,180,210)
```
#c2b4d2
```
#c2b4d2 rgb(194,180,210)
```

Similar Colors

Text with hexadecimal color #bab4d2

This text has a font color of #bab4d2.

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

#bab4d2 background color

This paragraph has a background color of #bab4d2.

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

#bab4d2 border color

This element has a border color of #bab4d2.

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

CSS codes

.text {color:#bab4d2;}

.background {background-color:#bab4d2;}

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

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

#07060b
```
#07060b rgb(7,6,11)
```
#100e17
```
#100e17 rgb(16,14,23)
```
#181523
```
#181523 rgb(24,21,35)
```
#201d30
```
#201d30 rgb(32,29,48)
```
#29243c
```
#29243c rgb(41,36,60)
```
#312b48
```
#312b48 rgb(49,43,72)
```
#393354
```
#393354 rgb(57,51,84)
```
#423a61
```
#423a61 rgb(66,58,97)
```
#4a416d
```
#4a416d rgb(74,65,109)
```
#524979
```
#524979 rgb(82,73,121)
```
#5b5085
```
#5b5085 rgb(91,80,133)
```
#635792
```
#635792 rgb(99,87,146)
```
#6b5f9e
```
#6b5f9e rgb(107,95,158)
```

Shade Color Variation

#766aa6
```
#766aa6 rgb(118,106,166)
```
#8277ad
```
#8277ad rgb(130,119,173)
```
#8d83b5
```
#8d83b5 rgb(141,131,181)
```
#988fbc
```
#988fbc rgb(152,143,188)
```
#a39bc3
```
#a39bc3 rgb(163,155,195)
```
#afa8cb
```
#afa8cb rgb(175,168,203)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#c5c0d9
```
#c5c0d9 rgb(197,192,217)
```
#d1cde1
```
#d1cde1 rgb(209,205,225)
```
#dcd9e8
```
#dcd9e8 rgb(220,217,232)
```
#e7e5ef
```
#e7e5ef rgb(231,229,239)
```
#f2f1f7
```
#f2f1f7 rgb(242,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c2c2c4
```
#c2c2c4 rgb(194,194,196)
```
#c0bdc9
```
#c0bdc9 rgb(192,189,201)
```
#bdb9cd
```
#bdb9cd rgb(189,185,205)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```
#b7afd7
```
#b7afd7 rgb(183,175,215)
```
#b4abdb
```
#b4abdb rgb(180,171,219)
```
#b2a6e0
```
#b2a6e0 rgb(178,166,224)
```
#afa2e4
```
#afa2e4 rgb(175,162,228)
```
#ac9de9
```
#ac9de9 rgb(172,157,233)
```
#a998ee
```
#a998ee rgb(169,152,238)
```
#a794f2
```
#a794f2 rgb(167,148,242)
```
#a48ff7
```
#a48ff7 rgb(164,143,247)
```
#a18afc
```
#a18afc rgb(161,138,252)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9b8be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b9d5 Protanopia 1% of men
#c0b7d4 Deuteranopia 1% of men
#bbbac7 Tritanopia 0.001% of the population

Trichromacy

#b7b7d4 Protanomaly 1% of men, 0.01% of women
#bdb5d3 Deuteranomaly 6% of men, 0.4% of women
#bab7cb Tritanomaly 0.01% of the population

#bab4d2 hex color

#bab4d2 Color Information

#bab4d2 Color Conversion

Color Schemes with #bab4d2

Alternatives to #bab4d2

#bab4d2 Preview

Shades and Tints of #bab4d2

Tones of #bab4d2

Color Blindness Simulator