Color Charts
RGB
CMYK
RYB
#aab6f2 Hex Color CodeThe hexadecimal color code #aab6f2 is a light shade of blue. In the RGB color model #aab6f2 is comprised of 66.67% red, 71.37% green and 94.9% blue. In the HSL color space #aab6f2 has a hue of 230 degrees, 73.47% saturation and 80.78% lightness. This color has an approximate wavelength of 475 nm.
#aab6f2 Color InformationInverted
#55490d 25% Saturated
#a1b0fa Grayscale
#cecece
25% Lighter
#ffffff Original
#aab6f2 25% Darker
#5069e4
lightsteelblue
#b0c4de 25% Desaturated
#b3bce8 Web Safe: fuchsia
#ff00ff
rgb(170, 182, 242)
rgba(170, 182, 242, 1.0)
red: 66.6667%, yellow: 70.7003%, blue: 94.902%
#aab6f2
11187954
-5589262 / 0xffaab6f2
hsl(230, 73%, 81%)
hsla(230, 73%, 81%, 1.0)
hue: 230 (230), saturation: 30 (29.7521), value: 95 (94.902)
X: 49.3325, Y: 48.4127, Z: 90.7489
x: 0.2617, y: 0.2568, Y: 48.4127
L: 75.0845, a: 9.2175, b: -31.174
L: 75.0845, u: -9.2793, v: -51.2324
L: 75.0845, C: 32.5081, H: 286.4718
L: 69.5793, a: 4.7949, b: -28.6236
cyan: 30 (0.2975), magenta: 25 (0.2479), yellow: 0 (0), key: 5 (0.051)
cyan: 33 (0.3333), magenta: 29 (0.2863), yellow: 5 (0.051)
Y: 185.252, I: -26.4244, Q: 16.1306
Y: 185.252, U: 27.9274, V: -13.3806
Y: 185.252, Db: 85.38, Dr: 29.016
Y: 175.134, Cb: 156.116, Cr: 118.472
Y: 183.764, Pb: 31.38, Pr: -8.76
7.5PB 7/6 approximate; exact match: Munsell 7.5PB 7/6 / #a7abe1
#aab6f2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#aab6f2 to White#aab6f2 to Black#aab6f2 foreground
<p style="color: #aab6f2; background-color: #000">#aab6f2 foreground</p>
#aab6f2 background
<p style="background-color: #aab6f2">#aab6f2 background</p>
#aab6f2 border
<p style="border: #aab6f2 3px solid">#aab6f2 border</p>
#aab6f2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aab6f2, #fff); background: -webkit-radial-gradient(50% 50%, #aab6f2, #fff); background: -o-radial-gradient(50% 50%, #aab6f2, #fff); background: -ms-radial-gradient(50% 50%, #aab6f2, #fff); background: radial-gradient(50% 50%, #aab6f2, #fff)">#aab6f2 radial gradient</p>
#aab6f2 linear gradient to complementary #f1e5aa
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aab6f2, #f1e5aa); background: -webkit-linear-gradient(top, #aab6f2, #f1e5aa); background: -o-linear-gradient(top, #aab6f2, #f1e5aa); background: -ms-linear-gradient(top, #aab6f2, #f1e5aa); background: linear-gradient(top, #aab6f2, #f1e5aa); color: #000">#aab6f2 linear gradient to complementary #f1e5aa</p>
#aab6f2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aab6f2">#aab6f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #aab6f2 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #aab6f2.
Jump to paint brand: