#aabbf3 hex color

In a RGB color space, hex #aabbf3 is composed of 66.7% red, 73.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 23% magenta, 0% yellow and 4.7% black. It has a hue angle of 226 degrees, a saturation of 75.3% and a lightness of 81%. #aabbf3 color hex could be obtained by blending #ffffff with #5577e7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 73
- B 95
RGB color chart
- C 30
- M 23
- Y 0
- K 5
CMYK color chart

● #aabbf3 color description : Very soft blue.

The hexadecimal color #aabbf3 has RGB values of R:170, G:187, B:243 and CMYK values of C:0.3, M:0.23, Y:0, K:0.05. Its decimal value is 11189235.

Hex triplet	aabbf3	`#aabbf3`
RGB Decimal	170, 187, 243	`rgb(170,187,243)`
RGB Percent	66.7, 73.3, 95.3	`rgb(66.7%,73.3%,95.3%)`
CMYK	30, 23, 0, 5
HSL	226°, 75.3, 81	`hsl(226,75.3%,81%)`
HSV (or HSB)	226°, 30, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.41, 6.71, -29.672
XYZ	50.522, 50.557, 91.886
xyY	0.262, 0.262, 50.557
CIE-LCH	76.41, 30.421, 282.743
CIE-LUV	76.41, -11.425, -48.465
Hunter-Lab	71.103, 2.402, -26.847
Binary	10101010, 10111011, 11110011

#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#f3e2aa
```
#f3e2aa rgb(243,226,170)
```

Complementary Color

#aae0f3
```
#aae0f3 rgb(170,224,243)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#beaaf3
```
#beaaf3 rgb(190,170,243)
```

Analogous Color

#e0f3aa
```
#e0f3aa rgb(224,243,170)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#f3beaa
```
#f3beaa rgb(243,190,170)
```

Split Complementary Color

#bbf3aa
```
#bbf3aa rgb(187,243,170)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#f3aabb
```
#f3aabb rgb(243,170,187)
```

Triadic Color

#aaf3e2
```
#aaf3e2 rgb(170,243,226)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#f3aabb
```
#f3aabb rgb(243,170,187)
```
#f3e2aa
```
#f3e2aa rgb(243,226,170)
```

Tetradic Color

#6785ea
```
#6785ea rgb(103,133,234)
```
#7d97ed
```
#7d97ed rgb(125,151,237)
```
#94a9f0
```
#94a9f0 rgb(148,169,240)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#c0cdf6
```
#c0cdf6 rgb(192,205,246)
```
#d7dff9
```
#d7dff9 rgb(215,223,249)
```
#edf1fc
```
#edf1fc rgb(237,241,252)
```

Monochromatic Color

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

#aacdf3
```
#aacdf3 rgb(170,205,243)
```
#aac7f3
```
#aac7f3 rgb(170,199,243)
```
#aac1f3
```
#aac1f3 rgb(170,193,243)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#aab5f3
```
#aab5f3 rgb(170,181,243)
```
#aaaff3
```
#aaaff3 rgb(170,175,243)
```
#abaaf3
```
#abaaf3 rgb(171,170,243)
```

Similar Colors

Text with hexadecimal color #aabbf3

This text has a font color of #aabbf3.

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

#aabbf3 background color

This paragraph has a background color of #aabbf3.

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

#aabbf3 border color

This element has a border color of #aabbf3.

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

CSS codes

.text {color:#aabbf3;}

.background {background-color:#aabbf3;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030612
```
#030612 rgb(3,6,18)
```
#050c23
```
#050c23 rgb(5,12,35)
```
#071235
```
#071235 rgb(7,18,53)
```
#0a1846
```
#0a1846 rgb(10,24,70)
```
#0c1e57
```
#0c1e57 rgb(12,30,87)
```
#0f2468
```
#0f2468 rgb(15,36,104)
```
#112979
```
#112979 rgb(17,41,121)
```
#142f8a
```
#142f8a rgb(20,47,138)
```
#16359c
```
#16359c rgb(22,53,156)
```
#183bad
```
#183bad rgb(24,59,173)
```
#1b41be
```
#1b41be rgb(27,65,190)
```
#1d47cf
```
#1d47cf rgb(29,71,207)
```

Shade Color Variation

#204de0
```
#204de0 rgb(32,77,224)
```
#325be2
```
#325be2 rgb(50,91,226)
```
#4368e4
```
#4368e4 rgb(67,104,228)
```
#5476e7
```
#5476e7 rgb(84,118,231)
```
#6584e9
```
#6584e9 rgb(101,132,233)
```
#7692ec
```
#7692ec rgb(118,146,236)
```
#889fee
```
#889fee rgb(136,159,238)
```
#99adf1
```
#99adf1 rgb(153,173,241)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#bbc9f5
```
#bbc9f5 rgb(187,201,245)
```
#ccd7f8
```
#ccd7f8 rgb(204,215,248)
```
#dee4fa
```
#dee4fa rgb(222,228,250)
```
#eff2fd
```
#eff2fd rgb(239,242,253)
```

Tint Color Variation

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

#cccdd1
```
#cccdd1 rgb(204,205,209)
```
#c8cbd5
```
#c8cbd5 rgb(200,203,213)
```
#c4c9d9
```
#c4c9d9 rgb(196,201,217)
```
#c0c7dd
```
#c0c7dd rgb(192,199,221)
```
#bdc5e0
```
#bdc5e0 rgb(189,197,224)
```
#b9c3e4
```
#b9c3e4 rgb(185,195,228)
```
#b5c1e8
```
#b5c1e8 rgb(181,193,232)
```
#b1bfec
```
#b1bfec rgb(177,191,236)
```
#aebdef
```
#aebdef rgb(174,189,239)
```
#aabbf3
```
#aabbf3 rgb(170,187,243)
```
#a6b9f7
```
#a6b9f7 rgb(166,185,247)
```
#a3b7fa
```
#a3b7fa rgb(163,183,250)
```
#9fb5fe
```
#9fb5fe rgb(159,181,254)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b8bcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bdf3 Protanopia 1% of men
#b3bcf4 Deuteranopia 1% of men
#a5c4d2 Tritanopia 0.001% of the population

Trichromacy

#aebcf3 Protanomaly 1% of men, 0.01% of women
#b0bcf3 Deuteranomaly 6% of men, 0.4% of women
#a7c1de Tritanomaly 0.01% of the population

#aabbf3 hex color

#aabbf3 Color Information

#aabbf3 Color Conversion

Color Schemes with #aabbf3

Alternatives to #aabbf3

#aabbf3 Preview

Shades and Tints of #aabbf3

Tones of #aabbf3

Color Blindness Simulator