#aabdd4 hex color

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

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

● #aabdd4 color description : Grayish blue.

The hexadecimal color #aabdd4 has RGB values of R:170, G:189, B:212 and CMYK values of C:0.2, M:0.11, Y:0, K:0.17. Its decimal value is 11189716.

Hex triplet	aabdd4	`#aabdd4`
RGB Decimal	170, 189, 212	`rgb(170,189,212)`
RGB Percent	66.7, 74.1, 83.1	`rgb(66.7%,74.1%,83.1%)`
CMYK	20, 11, 0, 17
HSL	212.9°, 32.8, 74.9	`hsl(212.9,32.8%,74.9%)`
HSV (or HSB)	212.9°, 19.8, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.881, -1.617, -13.718
XYZ	46.656, 49.694, 69.417
xyY	0.281, 0.3, 49.694
CIE-LCH	75.881, 13.813, 263.277
CIE-LUV	75.881, -11.121, -20.945
Hunter-Lab	70.494, -5.224, -9.039
Binary	10101010, 10111101, 11010100

#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#d4c1aa
```
#d4c1aa rgb(212,193,170)
```

Complementary Color

#aad2d4
```
#aad2d4 rgb(170,210,212)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#acaad4
```
#acaad4 rgb(172,170,212)
```

Analogous Color

#d2d4aa
```
#d2d4aa rgb(210,212,170)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#d4acaa
```
#d4acaa rgb(212,172,170)
```

Split Complementary Color

#bdd4aa
```
#bdd4aa rgb(189,212,170)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#d4aabd
```
#d4aabd rgb(212,170,189)
```

Triadic Color

#aad4c1
```
#aad4c1 rgb(170,212,193)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#d4aabd
```
#d4aabd rgb(212,170,189)
```
#d4c1aa
```
#d4c1aa rgb(212,193,170)
```

Tetradic Color

#7796ba
```
#7796ba rgb(119,150,186)
```
#88a3c3
```
#88a3c3 rgb(136,163,195)
```
#99b0cb
```
#99b0cb rgb(153,176,203)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#bbcadd
```
#bbcadd rgb(187,202,221)
```
#ccd7e5
```
#ccd7e5 rgb(204,215,229)
```
#dde4ee
```
#dde4ee rgb(221,228,238)
```

Monochromatic Color

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

#aac8d4
```
#aac8d4 rgb(170,200,212)
```
#aac4d4
```
#aac4d4 rgb(170,196,212)
```
#aac1d4
```
#aac1d4 rgb(170,193,212)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#aabad4
```
#aabad4 rgb(170,186,212)
```
#aab6d4
```
#aab6d4 rgb(170,182,212)
```
#aab3d4
```
#aab3d4 rgb(170,179,212)
```

Similar Colors

Text with hexadecimal color #aabdd4

This text has a font color of #aabdd4.

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

#aabdd4 background color

This paragraph has a background color of #aabdd4.

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

#aabdd4 border color

This element has a border color of #aabdd4.

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

CSS codes

.text {color:#aabdd4;}

.background {background-color:#aabdd4;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0e13
```
#0a0e13 rgb(10,14,19)
```
#101820
```
#101820 rgb(16,24,32)
```
#17212d
```
#17212d rgb(23,33,45)
```
#1d2b3a
```
#1d2b3a rgb(29,43,58)
```
#243447
```
#243447 rgb(36,52,71)
```
#2b3e54
```
#2b3e54 rgb(43,62,84)
```
#314761
```
#314761 rgb(49,71,97)
```
#38516e
```
#38516e rgb(56,81,110)
```
#3e5a7b
```
#3e5a7b rgb(62,90,123)
```
#456488
```
#456488 rgb(69,100,136)
```
#4c6d95
```
#4c6d95 rgb(76,109,149)
```
#5277a2
```
#5277a2 rgb(82,119,162)
```

Shade Color Variation

#5c80ac
```
#5c80ac rgb(92,128,172)
```
#698ab3
```
#698ab3 rgb(105,138,179)
```
#7695ba
```
#7695ba rgb(118,149,186)
```
#839fc0
```
#839fc0 rgb(131,159,192)
```
#90a9c7
```
#90a9c7 rgb(144,169,199)
```
#9db3cd
```
#9db3cd rgb(157,179,205)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#b7c7db
```
#b7c7db rgb(183,199,219)
```
#c4d1e1
```
#c4d1e1 rgb(196,209,225)
```
#d1dbe8
```
#d1dbe8 rgb(209,219,232)
```
#dee5ee
```
#dee5ee rgb(222,229,238)
```
#ebf0f5
```
#ebf0f5 rgb(235,240,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 #83b9fb is the most saturated one.

#bebfc0
```
#bebfc0 rgb(190,191,192)
```
#b9bec5
```
#b9bec5 rgb(185,190,197)
```
#b4beca
```
#b4beca rgb(180,190,202)
```
#afbdcf
```
#afbdcf rgb(175,189,207)
```
#aabdd4
```
#aabdd4 rgb(170,189,212)
```
#a5bdd9
```
#a5bdd9 rgb(165,189,217)
```
#a0bcde
```
#a0bcde rgb(160,188,222)
```
#9bbce3
```
#9bbce3 rgb(155,188,227)
```
#96bbe8
```
#96bbe8 rgb(150,187,232)
```
#91bbed
```
#91bbed rgb(145,187,237)
```
#8cbaf2
```
#8cbaf2 rgb(140,186,242)
```
#88baf6
```
#88baf6 rgb(136,186,246)
```
#83b9fb
```
#83b9fb rgb(131,185,251)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b7bbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#babdd4 Protanopia 1% of men
#c3bad8 Deuteranopia 1% of men
#acc1cf Tritanopia 0.001% of the population

Trichromacy

#b4bdd4 Protanomaly 1% of men, 0.01% of women
#babbd6 Deuteranomaly 6% of men, 0.4% of women
#abbfd1 Tritanomaly 0.01% of the population

#aabdd4 hex color

#aabdd4 Color Information

#aabdd4 Color Conversion

Color Schemes with #aabdd4

Alternatives to #aabdd4

#aabdd4 Preview

Shades and Tints of #aabdd4

Tones of #aabdd4

Color Blindness Simulator