#babbdd hex color

In a RGB color space, hex #babbdd is composed of 72.9% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 238.3 degrees, a saturation of 34% and a lightness of 79.8%. #babbdd color hex could be obtained by blending #ffffff with #7577bb. Closest websafe color is: #cccccc.

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

● #babbdd color description : Light grayish blue.

The hexadecimal color #babbdd has RGB values of R:186, G:187, B:221 and CMYK values of C:0.16, M:0.15, Y:0, K:0.13. Its decimal value is 12237789.

Hex triplet	babbdd	`#babbdd`
RGB Decimal	186, 187, 221	`rgb(186,187,221)`
RGB Percent	72.9, 73.3, 86.7	`rgb(72.9%,73.3%,86.7%)`
CMYK	16, 15, 0, 13
HSL	238.3°, 34, 79.8	`hsl(238.3,34%,79.8%)`
HSV (or HSB)	238.3°, 15.8, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.8, 6.483, -17.095
XYZ	51.069, 51.2, 75.595
xyY	0.287, 0.288, 51.2
CIE-LCH	76.8, 18.284, 290.768
CIE-LUV	76.8, -2.516, -27.695
Hunter-Lab	71.554, 2.177, -12.55
Binary	10111010, 10111011, 11011101

#babbdd
```
#babbdd rgb(186,187,221)
```
#dddcba
```
#dddcba rgb(221,220,186)
```

Complementary Color

#bacddd
```
#bacddd rgb(186,205,221)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#cbbadd
```
#cbbadd rgb(203,186,221)
```

Analogous Color

#cdddba
```
#cdddba rgb(205,221,186)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#ddcbba
```
#ddcbba rgb(221,203,186)
```

Split Complementary Color

#bbddba
```
#bbddba rgb(187,221,186)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#ddbabb
```
#ddbabb rgb(221,186,187)
```

Triadic Color

#badddc
```
#badddc rgb(186,221,220)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#ddbabb
```
#ddbabb rgb(221,186,187)
```
#dddcba
```
#dddcba rgb(221,220,186)
```

Tetradic Color

#8788c4
```
#8788c4 rgb(135,136,196)
```
#9899cc
```
#9899cc rgb(152,153,204)
```
#a9aad5
```
#a9aad5 rgb(169,170,213)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#cbcce5
```
#cbcce5 rgb(203,204,229)
```
#dcddee
```
#dcddee rgb(220,221,238)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```

Monochromatic Color

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

#bac4dd
```
#bac4dd rgb(186,196,221)
```
#bac1dd
```
#bac1dd rgb(186,193,221)
```
#babedd
```
#babedd rgb(186,190,221)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#bcbadd
```
#bcbadd rgb(188,186,221)
```
#bfbadd
```
#bfbadd rgb(191,186,221)
```
#c2badd
```
#c2badd rgb(194,186,221)
```

Similar Colors

Text with hexadecimal color #babbdd

This text has a font color of #babbdd.

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

#babbdd background color

This paragraph has a background color of #babbdd.

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

#babbdd border color

This element has a border color of #babbdd.

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

CSS codes

.text {color:#babbdd;}

.background {background-color:#babbdd;}

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

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, #05050a is the darkest color, while #fcfcfd is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0b0c17
```
#0b0c17 rgb(11,12,23)
```
#121224
```
#121224 rgb(18,18,36)
```
#181931
```
#181931 rgb(24,25,49)
```
#1f203e
```
#1f203e rgb(31,32,62)
```
#25264c
```
#25264c rgb(37,38,76)
```
#2c2d59
```
#2c2d59 rgb(44,45,89)
```
#323466
```
#323466 rgb(50,52,102)
```
#393a73
```
#393a73 rgb(57,58,115)
```
#3f4180
```
#3f4180 rgb(63,65,128)
```
#46488d
```
#46488d rgb(70,72,141)
```
#4c4e9a
```
#4c4e9a rgb(76,78,154)
```
#5355a8
```
#5355a8 rgb(83,85,168)
```

Shade Color Variation

#5e60b0
```
#5e60b0 rgb(94,96,176)
```
#6b6db6
```
#6b6db6 rgb(107,109,182)
```
#787abd
```
#787abd rgb(120,122,189)
```
#8587c3
```
#8587c3 rgb(133,135,195)
```
#9394ca
```
#9394ca rgb(147,148,202)
```
#a0a1d0
```
#a0a1d0 rgb(160,161,208)
```
#adaed7
```
#adaed7 rgb(173,174,215)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#c7c8e3
```
#c7c8e3 rgb(199,200,227)
```
#d4d5ea
```
#d4d5ea rgb(212,213,234)
```
#e1e2f0
```
#e1e2f0 rgb(225,226,240)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#cacacd
```
#cacacd rgb(202,202,205)
```
#c6c6d1
```
#c6c6d1 rgb(198,198,209)
```
#c2c2d5
```
#c2c2d5 rgb(194,194,213)
```
#bebfd9
```
#bebfd9 rgb(190,191,217)
```
#babbdd
```
#babbdd rgb(186,187,221)
```
#b6b7e1
```
#b6b7e1 rgb(182,183,225)
```
#b2b4e5
```
#b2b4e5 rgb(178,180,229)
```
#aeb0e9
```
#aeb0e9 rgb(174,176,233)
```
#aaaced
```
#aaaced rgb(170,172,237)
```
#a6a8f1
```
#a6a8f1 rgb(166,168,241)
```
#a2a5f5
```
#a2a5f5 rgb(162,165,245)
```
#9ea1f9
```
#9ea1f9 rgb(158,161,249)
```
#9a9dfd
```
#9a9dfd rgb(154,157,253)
```

Tone Color Variation

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

Dichromacy

#babfdf Protanopia 1% of men
#c3bcdf Deuteranopia 1% of men
#bac1cf Tritanopia 0.001% of the population

Trichromacy

#babdde Protanomaly 1% of men, 0.01% of women
#bfbcde Deuteranomaly 6% of men, 0.4% of women
#babfd4 Tritanomaly 0.01% of the population

#babbdd hex color

#babbdd Color Information

#babbdd Color Conversion

Color Schemes with #babbdd

Alternatives to #babbdd

#babbdd Preview

Shades and Tints of #babbdd

Tones of #babbdd

Color Blindness Simulator