Color Charts
RGB
CMYK
RYB
#3aa7ea Hex Color CodeThe hexadecimal color code #3aa7ea is a shade of cyan-blue. In the RGB color model #3aa7ea is comprised of 22.75% red, 65.49% green and 91.76% blue. In the HSL color space #3aa7ea has a hue of 202.84 degrees, 80.73% saturation and 57.25% lightness. This color has an approximate wavelength of 492 nm.
#3aa7ea Color InformationInverted
#c55815 25% Saturated
#24acff Grayscale
#929292
25% Lighter
#7bc4f1 Original
#3aa7ea 25% Darker
#1582c5
deepskyblue
#00bfff 25% Desaturated
#50a1d3 Web Safe: teal
#008080
rgb(58, 167, 234)
rgba(58, 167, 234, 1.0)
red: 22.7451%, yellow: 49.1421%, blue: 91.7647%
#3aa7ea
3844074
-12933142 / 0xff3aa7ea
hsl(203, 81%, 57%)
hsla(203, 81%, 57%, 1.0)
hue: 203 (202.8409), saturation: 75 (75.2137), value: 92 (91.7647)
X: 30.4149, Y: 34.4775, Z: 82.8937
x: 0.2058, y: 0.2333, Y: 34.4775
L: 65.3398, a: -8.6079, b: -42.3798
L: 65.3398, u: -38.2668, v: -66.7998
L: 65.3398, C: 43.2452, H: 258.5186
L: 58.7175, a: -10.295, b: -42.5996
cyan: 75 (0.7521), magenta: 29 (0.2863), yellow: 0 (0), key: 8 (0.0824)
cyan: 77 (0.7725), magenta: 35 (0.3451), yellow: 8 (0.0824)
Y: 142.047, I: -86.4577, Q: -2.2027
Y: 142.047, U: 45.2508, V: -73.7357
Y: 142.047, Db: 138.361, Dr: 159.836
Y: 138.006, Cb: 173.545, Cr: 75.392
Y: 148.607, Pb: 46.035, Pr: -57.582
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#3aa7ea / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3aa7ea to White#3aa7ea to Black#3aa7ea foreground
<p style="color: #3aa7ea; background-color: #000">#3aa7ea foreground</p>
#3aa7ea background
<p style="background-color: #3aa7ea">#3aa7ea background</p>
#3aa7ea border
<p style="border: #3aa7ea 3px solid">#3aa7ea border</p>
#3aa7ea radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3aa7ea, #fff); background: -webkit-radial-gradient(50% 50%, #3aa7ea, #fff); background: -o-radial-gradient(50% 50%, #3aa7ea, #fff); background: -ms-radial-gradient(50% 50%, #3aa7ea, #fff); background: radial-gradient(50% 50%, #3aa7ea, #fff)">#3aa7ea radial gradient</p>
#3aa7ea linear gradient to complementary #e97d3a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3aa7ea, #e97d3a); background: -webkit-linear-gradient(top, #3aa7ea, #e97d3a); background: -o-linear-gradient(top, #3aa7ea, #e97d3a); background: -ms-linear-gradient(top, #3aa7ea, #e97d3a); background: linear-gradient(top, #3aa7ea, #e97d3a); color: #000">#3aa7ea linear gradient to complementary #e97d3a</p>
#3aa7ea text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3aa7ea">#3aa7ea text shadow</p>
The matching paint colors are listed in order of relevancy to the #3aa7ea 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 #3aa7ea.
Jump to paint brand: