#aac2ef
Hex Color CodeThe hexadecimal color code #aac2ef
is a light shade of cyan-blue. In the RGB color model #aac2ef
is comprised of 66.67% red, 76.08% green and 93.73% blue. In the HSL color space #aac2ef
has a hue of 219.13 degrees, 68.32% saturation and 80.2% lightness. This color has an approximate wavelength of 482 nm.
#aac2ef
Color InformationInverted
#553d10 25% Saturated
#a1bff7 Grayscale
#cccccc
25% Lighter
#ffffff Original
#aac2ef 25% Darker
#5384de
lightsteelblue
#b0c4de 25% Desaturated
#b2c4e6 Web Safe: silver
#c0c0c0
rgb(170, 194, 239)
rgba(170, 194, 239, 1.0)
red: 66.6667%, yellow: 73.6496%, blue: 93.7255%
#aac2ef
11191023
-5586193 / 0xffaac2ef
hsl(219, 68%, 80%)
hsla(219, 68%, 80%, 1.0)
hue: 219 (219.1304), saturation: 29 (28.8703), value: 94 (93.7255)
X: 51.4493, Y: 53.3616, Z: 89.2495
x: 0.2651, y: 0.275, Y: 53.3616
L: 78.088, a: 1.9384, b: -24.9532
L: 78.088, u: -14.2426, v: -39.9894
L: 78.088, C: 25.0283, H: 274.4418
L: 73.049, a: -2.1161, b: -21.3047
cyan: 29 (0.2887), magenta: 19 (0.1883), yellow: 0 (0), key: 6 (0.0627)
cyan: 33 (0.3333), magenta: 24 (0.2392), yellow: 6 (0.0627)
Y: 191.954, I: -28.754, Q: 8.9261
Y: 191.954, U: 23.1531, V: -19.2604
Y: 191.954, Db: 70.785, Dr: 41.757
Y: 180.888, Cb: 151.307, Cr: 114.269
Y: 192.128, Pb: 25.26, Pr: -14.07
2.5PB 8/6 (approximate)
#aac2ef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#aac2ef
to White#aac2ef
to Black#aac2ef
foreground
<p style="color: #aac2ef; background-color: #000">#aac2ef foreground</p>
#aac2ef
background
<p style="background-color: #aac2ef">#aac2ef background</p>
#aac2ef
border
<p style="border: #aac2ef 3px solid">#aac2ef border</p>
#aac2ef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aac2ef, #fff); background: -webkit-radial-gradient(50% 50%, #aac2ef, #fff); background: -o-radial-gradient(50% 50%, #aac2ef, #fff); background: -ms-radial-gradient(50% 50%, #aac2ef, #fff); background: radial-gradient(50% 50%, #aac2ef, #fff)">#aac2ef radial gradient</p>
#aac2ef
linear gradient to complementary #eed7aa
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aac2ef, #eed7aa); background: -webkit-linear-gradient(top, #aac2ef, #eed7aa); background: -o-linear-gradient(top, #aac2ef, #eed7aa); background: -ms-linear-gradient(top, #aac2ef, #eed7aa); background: linear-gradient(top, #aac2ef, #eed7aa); color: #000">
#aac2ef
linear gradient to complementary #eed7aa
</p>
#aac2ef
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aac2ef">#aac2ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #aac2ef
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 #aac2ef
.
Jump to paint brand: