#aab5f0 hex color

In a RGB color space, hex #aab5f0 is composed of 66.7% red, 71% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 24.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.6 degrees, a saturation of 70% and a lightness of 80.4%. #aab5f0 color hex could be obtained by blending #ffffff with #556be1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 71
- B 94
RGB color chart
- C 29
- M 25
- Y 0
- K 6
CMYK color chart

● #aab5f0 color description : Very soft blue.

The hexadecimal color #aab5f0 has RGB values of R:170, G:181, B:240 and CMYK values of C:0.29, M:0.25, Y:0, K:0.06. Its decimal value is 11187696.

Hex triplet	aab5f0	`#aab5f0`
RGB Decimal	170, 181, 240	`rgb(170,181,240)`
RGB Percent	66.7, 71, 94.1	`rgb(66.7%,71%,94.1%)`
CMYK	29, 25, 0, 6
HSL	230.6°, 70, 80.4	`hsl(230.6,70%,80.4%)`
HSV (or HSB)	230.6°, 29.2, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.752, 9.273, -30.603
XYZ	48.826, 47.884, 89.103
xyY	0.263, 0.258, 47.884
CIE-LCH	74.752, 31.977, 286.857
CIE-LUV	74.752, -8.774, -50.251
Hunter-Lab	69.198, 4.853, -27.906
Binary	10101010, 10110101, 11110000

#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#f0e5aa
```
#f0e5aa rgb(240,229,170)
```

Complementary Color

#aad8f0
```
#aad8f0 rgb(170,216,240)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#c2aaf0
```
#c2aaf0 rgb(194,170,240)
```

Analogous Color

#d8f0aa
```
#d8f0aa rgb(216,240,170)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#f0c2aa
```
#f0c2aa rgb(240,194,170)
```

Split Complementary Color

#b5f0aa
```
#b5f0aa rgb(181,240,170)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#f0aab5
```
#f0aab5 rgb(240,170,181)
```

Triadic Color

#aaf0e5
```
#aaf0e5 rgb(170,240,229)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#f0aab5
```
#f0aab5 rgb(240,170,181)
```
#f0e5aa
```
#f0e5aa rgb(240,229,170)
```

Tetradic Color

#697ce5
```
#697ce5 rgb(105,124,229)
```
#7f8fe8
```
#7f8fe8 rgb(127,143,232)
```
#94a2ec
```
#94a2ec rgb(148,162,236)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#c0c8f4
```
#c0c8f4 rgb(192,200,244)
```
#d5dbf8
```
#d5dbf8 rgb(213,219,248)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```

Monochromatic Color

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

#aac7f0
```
#aac7f0 rgb(170,199,240)
```
#aac1f0
```
#aac1f0 rgb(170,193,240)
```
#aabbf0
```
#aabbf0 rgb(170,187,240)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#aaaff0
```
#aaaff0 rgb(170,175,240)
```
#abaaf0
```
#abaaf0 rgb(171,170,240)
```
#b1aaf0
```
#b1aaf0 rgb(177,170,240)
```

Similar Colors

Text with hexadecimal color #aab5f0

This text has a font color of #aab5f0.

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

#aab5f0 background color

This paragraph has a background color of #aab5f0.

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

#aab5f0 border color

This element has a border color of #aab5f0.

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

CSS codes

.text {color:#aab5f0;}

.background {background-color:#aab5f0;}

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

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, #03050f is the darkest color, while #fdfeff is the lightest one.

#03050f
```
#03050f rgb(3,5,15)
```
#060a20
```
#060a20 rgb(6,10,32)
```
#090f30
```
#090f30 rgb(9,15,48)
```
#0b1441
```
#0b1441 rgb(11,20,65)
```
#0e1952
```
#0e1952 rgb(14,25,82)
```
#111e62
```
#111e62 rgb(17,30,98)
```
#142373
```
#142373 rgb(20,35,115)
```
#172884
```
#172884 rgb(23,40,132)
```
#1a2d94
```
#1a2d94 rgb(26,45,148)
```
#1d33a5
```
#1d33a5 rgb(29,51,165)
```
#2038b6
```
#2038b6 rgb(32,56,182)
```
#233dc6
```
#233dc6 rgb(35,61,198)
```
#2642d7
```
#2642d7 rgb(38,66,215)
```

Shade Color Variation

#354fdb
```
#354fdb rgb(53,79,219)
```
#465ede
```
#465ede rgb(70,94,222)
```
#576ce1
```
#576ce1 rgb(87,108,225)
```
#677be4
```
#677be4 rgb(103,123,228)
```
#7889e7
```
#7889e7 rgb(120,137,231)
```
#8998ea
```
#8998ea rgb(137,152,234)
```
#99a6ed
```
#99a6ed rgb(153,166,237)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#bbc4f3
```
#bbc4f3 rgb(187,196,243)
```
#cbd2f6
```
#cbd2f6 rgb(203,210,246)
```
#dce1f9
```
#dce1f9 rgb(220,225,249)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#cdcdcd
```
#cdcdcd rgb(205,205,205)
```
#c9cad1
```
#c9cad1 rgb(201,202,209)
```
#c5c7d5
```
#c5c7d5 rgb(197,199,213)
```
#c1c5d9
```
#c1c5d9 rgb(193,197,217)
```
#bdc2dd
```
#bdc2dd rgb(189,194,221)
```
#b9c0e1
```
#b9c0e1 rgb(185,192,225)
```
#b6bde4
```
#b6bde4 rgb(182,189,228)
```
#b2bae8
```
#b2bae8 rgb(178,186,232)
```
#aeb8ec
```
#aeb8ec rgb(174,184,236)
```
#aab5f0
```
#aab5f0 rgb(170,181,240)
```
#a6b2f4
```
#a6b2f4 rgb(166,178,244)
```
#a2b0f8
```
#a2b0f8 rgb(162,176,248)
```
#9eadfc
```
#9eadfc rgb(158,173,252)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b5b7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb9f1 Protanopia 1% of men
#aeb8f0 Deuteranopia 1% of men
#a5bfcd Tritanopia 0.001% of the population

Trichromacy

#aab7f0 Protanomaly 1% of men, 0.01% of women
#acb7f0 Deuteranomaly 6% of men, 0.4% of women
#a7bbda Tritanomaly 0.01% of the population

#aab5f0 hex color

#aab5f0 Color Information

#aab5f0 Color Conversion

Color Schemes with #aab5f0

Alternatives to #aab5f0

#aab5f0 Preview

Shades and Tints of #aab5f0

Tones of #aab5f0

Color Blindness Simulator