Color Charts
RGB
CMYK
RYB
#3bb7dd Hex Color CodeThe hexadecimal color code #3bb7dd is a shade of cyan. In the RGB color model #3bb7dd is comprised of 23.14% red, 71.76% green and 86.67% blue. In the HSL color space #3bb7dd has a hue of 194.07 degrees, 70.43% saturation and 54.9% lightness. This color has an approximate wavelength of 498 nm. Dupont CAS507 is a matching paint color.
#3bb7dd Color InformationInverted
#c44822 25% Saturated
#26c1f1 Grayscale
#8c8c8c
25% Lighter
#76cce7 Original
#3bb7dd 25% Darker
#1f90b2
deepskyblue
#00bfff 25% Desaturated
#4facc8 Web Safe: teal
#008080
rgb(59, 183, 221)
rgba(59, 183, 221, 1.0)
red: 23.1373%, yellow: 50.6815%, blue: 86.6667%
#3bb7dd
3913693
-12863523 / 0xff3bb7dd
hsl(194, 70%, 55%)
hsla(194, 70%, 55%, 1.0)
hue: 194 (194.0741), saturation: 73 (73.3032), value: 87 (86.6667)
X: 31.7883, Y: 40.0172, Z: 74.4553
x: 0.2173, y: 0.2736, Y: 40.0172
L: 69.4818, a: -21.3895, b: -28.8186
L: 69.4818, u: -44.4356, v: -42.7293
L: 69.4818, C: 35.889, H: 233.4168
L: 63.2592, a: -21.0058, b: -25.5022
cyan: 73 (0.733), magenta: 17 (0.1719), yellow: 0 (0), key: 13 (0.1333)
cyan: 77 (0.7686), magenta: 28 (0.2824), yellow: 13 (0.1333)
Y: 150.256, I: -86.0768, Q: -14.3974
Y: 150.256, U: 34.8139, V: -80.0604
Y: 150.256, Db: 106.454, Dr: 173.538
Y: 145.053, Cb: 163.034, Cr: 70.866
Y: 159.324, Pb: 33.26, Pr: -63.748
5B 7/8 approximate; exact match: Munsell 5B 7/8 / #48bce4
#3bb7dd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3bb7dd to White#3bb7dd to Black#3bb7dd foreground
<p style="color: #3bb7dd; background-color: #000">#3bb7dd foreground</p>
#3bb7dd background
<p style="background-color: #3bb7dd">#3bb7dd background</p>
#3bb7dd border
<p style="border: #3bb7dd 3px solid">#3bb7dd border</p>
#3bb7dd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3bb7dd, #fff); background: -webkit-radial-gradient(50% 50%, #3bb7dd, #fff); background: -o-radial-gradient(50% 50%, #3bb7dd, #fff); background: -ms-radial-gradient(50% 50%, #3bb7dd, #fff); background: radial-gradient(50% 50%, #3bb7dd, #fff)">#3bb7dd radial gradient</p>
#3bb7dd linear gradient to complementary #dd613a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3bb7dd, #dd613a); background: -webkit-linear-gradient(top, #3bb7dd, #dd613a); background: -o-linear-gradient(top, #3bb7dd, #dd613a); background: -ms-linear-gradient(top, #3bb7dd, #dd613a); background: linear-gradient(top, #3bb7dd, #dd613a); color: #000">#3bb7dd linear gradient to complementary #dd613a</p>
#3bb7dd text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3bb7dd">#3bb7dd text shadow</p>
The matching paint colors are listed in order of relevancy to the #3bb7dd 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 #3bb7dd.
Jump to paint brand: