Color Charts
RGB
CMYK
RYB
#3aa9e3 Hex Color CodeThe hexadecimal color code #3aa9e3 is a shade of cyan-blue. In the RGB color model #3aa9e3 is comprised of 22.75% red, 66.27% green and 89.02% blue. In the HSL color space #3aa9e3 has a hue of 200.59 degrees, 75.11% saturation and 55.88% lightness. This color has an approximate wavelength of 494 nm.
#3aa9e3 Color InformationInverted
#c5561c 25% Saturated
#24aff8 Grayscale
#8e8e8e
25% Lighter
#78c4eb Original
#3aa9e3 25% Darker
#1a84bb
deepskyblue
#00bfff 25% Desaturated
#4fa2cd Web Safe: teal
#008080
rgb(58, 169, 227)
rgba(58, 169, 227, 1.0)
red: 22.7451%, yellow: 49.0182%, blue: 89.0196%
#3aa9e3
3844579
-12932637 / 0xff3aa9e3
hsl(201, 75%, 56%)
hsla(201, 75%, 56%, 1.0)
hue: 201 (200.5917), saturation: 74 (74.4493), value: 89 (89.0196)
X: 29.798, Y: 34.8215, Z: 77.8237
x: 0.2092, y: 0.2445, Y: 34.8215
L: 65.6095, a: -12.0983, b: -38.1132
L: 65.6095, u: -39.3345, v: -59.201
L: 65.6095, C: 39.9873, H: 252.389
L: 59.0098, a: -13.1304, b: -36.8865
cyan: 74 (0.7445), magenta: 26 (0.2555), yellow: 0 (0), key: 11 (0.1098)
cyan: 77 (0.7725), magenta: 34 (0.3373), yellow: 11 (0.1098)
Y: 142.423, I: -84.7577, Q: -5.4258
Y: 142.423, U: 41.6211, V: -74.0656
Y: 142.423, Db: 127.264, Dr: 160.549
Y: 138.328, Cb: 169.89, Cr: 75.153
Y: 149.533, Pb: 41.765, Pr: -58.168
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#3aa9e3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3aa9e3 to White#3aa9e3 to Black#3aa9e3 foreground
<p style="color: #3aa9e3; background-color: #000">#3aa9e3 foreground</p>
#3aa9e3 background
<p style="background-color: #3aa9e3">#3aa9e3 background</p>
#3aa9e3 border
<p style="border: #3aa9e3 3px solid">#3aa9e3 border</p>
#3aa9e3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3aa9e3, #fff); background: -webkit-radial-gradient(50% 50%, #3aa9e3, #fff); background: -o-radial-gradient(50% 50%, #3aa9e3, #fff); background: -ms-radial-gradient(50% 50%, #3aa9e3, #fff); background: radial-gradient(50% 50%, #3aa9e3, #fff)">#3aa9e3 radial gradient</p>
#3aa9e3 linear gradient to complementary #e37339
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3aa9e3, #e37339); background: -webkit-linear-gradient(top, #3aa9e3, #e37339); background: -o-linear-gradient(top, #3aa9e3, #e37339); background: -ms-linear-gradient(top, #3aa9e3, #e37339); background: linear-gradient(top, #3aa9e3, #e37339); color: #000">#3aa9e3 linear gradient to complementary #e37339</p>
#3aa9e3 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3aa9e3">#3aa9e3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3aa9e3 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 #3aa9e3.
Jump to paint brand: