Color Charts
RGB
CMYK
RYB
#3b8ea2 Hex Color CodeThe hexadecimal color code #3b8ea2 is a shade of cyan. In the RGB color model #3b8ea2 is comprised of 23.14% red, 55.69% green and 63.53% blue. In the HSL color space #3b8ea2 has a hue of 191.65 degrees, 46.61% saturation and 43.33% lightness. This color has an approximate wavelength of 499 nm.
#3b8ea2 Color InformationInverted
#c4715d 25% Saturated
#2e95ae Grayscale
#6e6e6e
25% Lighter
#53abc0 Original
#3b8ea2 25% Darker
#2c6a79
cadetblue
#5f9ea0 25% Desaturated
#478695 Web Safe: teal
#008080
rgb(59, 142, 162)
rgba(59, 142, 162, 1.0)
red: 23.1373%, yellow: 41.1617%, blue: 63.5294%
#3b8ea2
3903138
-12874078 / 0xff3b8ea2
hsl(192, 47%, 43%)
hsla(192, 47%, 43%, 1.0)
hue: 192 (191.6505), saturation: 64 (63.5802), value: 64 (63.5294)
X: 17.9982, Y: 22.8844, Z: 37.651
x: 0.2292, y: 0.2914, Y: 22.8844
L: 54.9531, a: -18.71, b: -18.046
L: 54.9531, u: -32.8804, v: -24.3043
L: 54.9531, C: 25.9946, H: 223.9651
L: 47.8377, a: -16.558, b: -13.1782
cyan: 64 (0.6358), magenta: 12 (0.1235), yellow: 0 (0), key: 36 (0.3647)
cyan: 77 (0.7686), magenta: 44 (0.4431), yellow: 36 (0.3647)
Y: 119.463, I: -55.8697, Q: -11.3281
Y: 119.463, U: 20.9332, V: -53.0452
Y: 119.463, Db: 64.01, Dr: 114.979
Y: 118.607, Cb: 149.064, Cr: 90.143
Y: 125.761, Pb: 19.545, Pr: -42.42
2.5B 5/6 approximate; exact match: Munsell 2.5B 5/6 / #2b859c
#3b8ea2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3b8ea2 to White#3b8ea2 to Black#3b8ea2 foreground
<p style="color: #3b8ea2">#3b8ea2 foreground</p>
#3b8ea2 background
<p style="background-color: #3b8ea2; color: #fff">#3b8ea2 background</p>
#3b8ea2 border
<p style="border: #3b8ea2 3px solid">#3b8ea2 border</p>
#3b8ea2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3b8ea2, #fff); background: -webkit-radial-gradient(50% 50%, #3b8ea2, #fff); background: -o-radial-gradient(50% 50%, #3b8ea2, #fff); background: -ms-radial-gradient(50% 50%, #3b8ea2, #fff); background: radial-gradient(50% 50%, #3b8ea2, #fff); color: #fff">#3b8ea2 radial gradient</p>
#3b8ea2 linear gradient to complementary #a24e3b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3b8ea2, #a24e3b); background: -webkit-linear-gradient(top, #3b8ea2, #a24e3b); background: -o-linear-gradient(top, #3b8ea2, #a24e3b); background: -ms-linear-gradient(top, #3b8ea2, #a24e3b); background: linear-gradient(top, #3b8ea2, #a24e3b); color: #fff">#3b8ea2 linear gradient to complementary #a24e3b</p>
#3b8ea2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3b8ea2">#3b8ea2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3b8ea2 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 #3b8ea2.
Jump to paint brand: