#abaaf5 hex color

In a RGB color space, hex #abaaf5 is composed of 67.1% red, 66.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 30.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 240.8 degrees, a saturation of 78.9% and a lightness of 81.4%. #abaaf5 color hex could be obtained by blending #ffffff with #5755eb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 67
- G 67
- B 96
RGB color chart
- C 30
- M 31
- Y 0
- K 4
CMYK color chart

● #abaaf5 color description : Very soft blue.

The hexadecimal color #abaaf5 has RGB values of R:171, G:170, B:245 and CMYK values of C:0.3, M:0.31, Y:0, K:0.04. Its decimal value is 11250421.

Hex triplet	abaaf5	`#abaaf5`
RGB Decimal	171, 170, 245	`rgb(171,170,245)`
RGB Percent	67.1, 66.7, 96.1	`rgb(67.1%,66.7%,96.1%)`
CMYK	30, 31, 0, 4
HSL	240.8°, 78.9, 81.4	`hsl(240.8,78.9%,81.4%)`
HSV (or HSB)	240.8°, 30.6, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.228, 16.902, -37.209
XYZ	47.648, 43.999, 92.364
xyY	0.259, 0.239, 43.999
CIE-LCH	72.228, 40.868, 294.43
CIE-LUV	72.228, -4.031, -62.161
Hunter-Lab	66.332, 12.139, -36.126
Binary	10101011, 10101010, 11110101

#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#f4f5aa
```
#f4f5aa rgb(244,245,170)
```

Complementary Color

#aacff5
```
#aacff5 rgb(170,207,245)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#d1aaf5
```
#d1aaf5 rgb(209,170,245)
```

Analogous Color

#cff5aa
```
#cff5aa rgb(207,245,170)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#f5d1aa
```
#f5d1aa rgb(245,209,170)
```

Split Complementary Color

#aaf5ab
```
#aaf5ab rgb(170,245,171)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#f5abaa
```
#f5abaa rgb(245,171,170)
```

Triadic Color

#aaf4f5
```
#aaf4f5 rgb(170,244,245)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#f5abaa
```
#f5abaa rgb(245,171,170)
```
#f4f5aa
```
#f4f5aa rgb(244,245,170)
```

Tetradic Color

#6766ed
```
#6766ed rgb(103,102,237)
```
#7e7cf0
```
#7e7cf0 rgb(126,124,240)
```
#9493f2
```
#9493f2 rgb(148,147,242)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#c2c1f8
```
#c2c1f8 rgb(194,193,248)
```
#d8d8fa
```
#d8d8fa rgb(216,216,250)
```
#efeefd
```
#efeefd rgb(239,238,253)
```

Monochromatic Color

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

#aabcf5
```
#aabcf5 rgb(170,188,245)
```
#aab6f5
```
#aab6f5 rgb(170,182,245)
```
#aaaff5
```
#aaaff5 rgb(170,175,245)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#b1aaf5
```
#b1aaf5 rgb(177,170,245)
```
#b8aaf5
```
#b8aaf5 rgb(184,170,245)
```
#beaaf5
```
#beaaf5 rgb(190,170,245)
```

Similar Colors

Text with hexadecimal color #abaaf5

This text has a font color of #abaaf5.

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

#abaaf5 background color

This paragraph has a background color of #abaaf5.

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

#abaaf5 border color

This element has a border color of #abaaf5.

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

CSS codes

.text {color:#abaaf5;}

.background {background-color:#abaaf5;}

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

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

#000003
```
#000003 rgb(0,0,3)
```
#030214
```
#030214 rgb(3,2,20)
```
#050426
```
#050426 rgb(5,4,38)
```
#070737
```
#070737 rgb(7,7,55)
```
#090949
```
#090949 rgb(9,9,73)
```
#0c0b5b
```
#0c0b5b rgb(12,11,91)
```
#0e0d6c
```
#0e0d6c rgb(14,13,108)
```
#100f7e
```
#100f7e rgb(16,15,126)
```
#13118f
```
#13118f rgb(19,17,143)
```
#1513a1
```
#1513a1 rgb(21,19,161)
```
#1715b2
```
#1715b2 rgb(23,21,178)
```
#1917c4
```
#1917c4 rgb(25,23,196)
```
#1c19d5
```
#1c19d5 rgb(28,25,213)
```

Shade Color Variation

#201ee4
```
#201ee4 rgb(32,30,228)
```
#322fe7
```
#322fe7 rgb(50,47,231)
```
#4341e9
```
#4341e9 rgb(67,65,233)
```
#5452eb
```
#5452eb rgb(84,82,235)
```
#6664ed
```
#6664ed rgb(102,100,237)
```
#7775ef
```
#7775ef rgb(119,117,239)
```
#8887f1
```
#8887f1 rgb(136,135,241)
```
#9a98f3
```
#9a98f3 rgb(154,152,243)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#bcbcf7
```
#bcbcf7 rgb(188,188,247)
```
#cecdf9
```
#cecdf9 rgb(206,205,249)
```
#dfdffb
```
#dfdffb rgb(223,223,251)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

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

#cfcfd0
```
#cfcfd0 rgb(207,207,208)
```
#cbcbd4
```
#cbcbd4 rgb(203,203,212)
```
#c7c7d8
```
#c7c7d8 rgb(199,199,216)
```
#c4c4db
```
#c4c4db rgb(196,196,219)
```
#c0c0df
```
#c0c0df rgb(192,192,223)
```
#bdbce3
```
#bdbce3 rgb(189,188,227)
```
#b9b9e6
```
#b9b9e6 rgb(185,185,230)
```
#b6b5ea
```
#b6b5ea rgb(182,181,234)
```
#b2b1ee
```
#b2b1ee rgb(178,177,238)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#a7a6f9
```
#a7a6f9 rgb(167,166,249)
```
#a4a3fc
```
#a4a3fc rgb(164,163,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b1b1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db2f8 Protanopia 1% of men
#9fb3f3 Deuteranopia 1% of men
#a3b8c5 Tritanopia 0.001% of the population

Trichromacy

#a2aff7 Protanomaly 1% of men, 0.01% of women
#a3aff4 Deuteranomaly 6% of men, 0.4% of women
#a5b3d6 Tritanomaly 0.01% of the population

#abaaf5 hex color

#abaaf5 Color Information

#abaaf5 Color Conversion

Color Schemes with #abaaf5

Alternatives to #abaaf5

#abaaf5 Preview

Shades and Tints of #abaaf5

Tones of #abaaf5

Color Blindness Simulator