#aabbd4 hex color

In a RGB color space, hex #aabbd4 is composed of 66.7% red, 73.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 11.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 215.7 degrees, a saturation of 32.8% and a lightness of 74.9%. #aabbd4 color hex could be obtained by blending #ffffff with #5577a9. Closest websafe color is: #99cccc.

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

● #aabbd4 color description : Grayish blue.

The hexadecimal color #aabbd4 has RGB values of R:170, G:187, B:212 and CMYK values of C:0.2, M:0.12, Y:0, K:0.17. Its decimal value is 11189204.

Hex triplet	aabbd4	`#aabbd4`
RGB Decimal	170, 187, 212	`rgb(170,187,212)`
RGB Percent	66.7, 73.3, 83.1	`rgb(66.7%,73.3%,83.1%)`
CMYK	20, 12, 0, 17
HSL	215.7°, 32.8, 74.9	`hsl(215.7,32.8%,74.9%)`
HSV (or HSB)	215.7°, 19.8, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.351, -0.542, -14.514
XYZ	46.229, 48.839, 69.275
xyY	0.281, 0.297, 48.839
CIE-LCH	75.351, 14.524, 267.863
CIE-LUV	75.351, -10.207, -22.366
Hunter-Lab	69.885, -4.221, -9.853
Binary	10101010, 10111011, 11010100

#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#d4c3aa
```
#d4c3aa rgb(212,195,170)
```

Complementary Color

#aad0d4
```
#aad0d4 rgb(170,208,212)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#aeaad4
```
#aeaad4 rgb(174,170,212)
```

Analogous Color

#d0d4aa
```
#d0d4aa rgb(208,212,170)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#d4aeaa
```
#d4aeaa rgb(212,174,170)
```

Split Complementary Color

#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#d4aabb
```
#d4aabb rgb(212,170,187)
```

Triadic Color

#aad4c3
```
#aad4c3 rgb(170,212,195)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#d4aabb
```
#d4aabb rgb(212,170,187)
```
#d4c3aa
```
#d4c3aa rgb(212,195,170)
```

Tetradic Color

#7792ba
```
#7792ba rgb(119,146,186)
```
#88a0c3
```
#88a0c3 rgb(136,160,195)
```
#99adcb
```
#99adcb rgb(153,173,203)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#bbc9dd
```
#bbc9dd rgb(187,201,221)
```
#ccd6e5
```
#ccd6e5 rgb(204,214,229)
```
#dde4ee
```
#dde4ee rgb(221,228,238)
```

Monochromatic Color

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

#aac6d4
```
#aac6d4 rgb(170,198,212)
```
#aac2d4
```
#aac2d4 rgb(170,194,212)
```
#aabfd4
```
#aabfd4 rgb(170,191,212)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#aab8d4
```
#aab8d4 rgb(170,184,212)
```
#aab4d4
```
#aab4d4 rgb(170,180,212)
```
#aab1d4
```
#aab1d4 rgb(170,177,212)
```

Similar Colors

Text with hexadecimal color #aabbd4

This text has a font color of #aabbd4.

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

#aabbd4 background color

This paragraph has a background color of #aabbd4.

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

#aabbd4 border color

This element has a border color of #aabbd4.

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

CSS codes

.text {color:#aabbd4;}

.background {background-color:#aabbd4;}

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0e13
```
#0a0e13 rgb(10,14,19)
```
#101720
```
#101720 rgb(16,23,32)
```
#17202d
```
#17202d rgb(23,32,45)
```
#1d293a
```
#1d293a rgb(29,41,58)
```
#243247
```
#243247 rgb(36,50,71)
```
#2b3c54
```
#2b3c54 rgb(43,60,84)
```
#314561
```
#314561 rgb(49,69,97)
```
#384e6e
```
#384e6e rgb(56,78,110)
```
#3e577b
```
#3e577b rgb(62,87,123)
```
#456088
```
#456088 rgb(69,96,136)
```
#4c6a95
```
#4c6a95 rgb(76,106,149)
```
#5273a2
```
#5273a2 rgb(82,115,162)
```

Shade Color Variation

#5c7cac
```
#5c7cac rgb(92,124,172)
```
#6987b3
```
#6987b3 rgb(105,135,179)
```
#7691ba
```
#7691ba rgb(118,145,186)
```
#839cc0
```
#839cc0 rgb(131,156,192)
```
#90a6c7
```
#90a6c7 rgb(144,166,199)
```
#9db1cd
```
#9db1cd rgb(157,177,205)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#b7c5db
```
#b7c5db rgb(183,197,219)
```
#c4d0e1
```
#c4d0e1 rgb(196,208,225)
```
#d1dae8
```
#d1dae8 rgb(209,218,232)
```
#dee5ee
```
#dee5ee rgb(222,229,238)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#bebfc0
```
#bebfc0 rgb(190,191,192)
```
#b9bec5
```
#b9bec5 rgb(185,190,197)
```
#b4bdca
```
#b4bdca rgb(180,189,202)
```
#afbccf
```
#afbccf rgb(175,188,207)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#a5bad9
```
#a5bad9 rgb(165,186,217)
```
#a0b9de
```
#a0b9de rgb(160,185,222)
```
#9bb8e3
```
#9bb8e3 rgb(155,184,227)
```
#96b7e8
```
#96b7e8 rgb(150,183,232)
```
#91b6ed
```
#91b6ed rgb(145,182,237)
```
#8cb5f2
```
#8cb5f2 rgb(140,181,242)
```
#88b4f6
```
#88b4f6 rgb(136,180,246)
```
#83b3fb
```
#83b3fb rgb(131,179,251)
```

Tone Color Variation

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

Dichromacy

#b8bbd4 Protanopia 1% of men
#c1b8d8 Deuteranopia 1% of men
#acc0cd Tritanopia 0.001% of the population

Trichromacy

#b3bbd4 Protanomaly 1% of men, 0.01% of women
#b8b9d6 Deuteranomaly 6% of men, 0.4% of women
#abbed0 Tritanomaly 0.01% of the population

#aabbd4 hex color

#aabbd4 Color Information

#aabbd4 Color Conversion

Color Schemes with #aabbd4

Alternatives to #aabbd4

#aabbd4 Preview

Shades and Tints of #aabbd4

Tones of #aabbd4

Color Blindness Simulator