#3bbbb2
Hex Color CodeThe hexadecimal color code #3bbbb2
is a shade of cyan. In the RGB color model #3bbbb2
is comprised of 23.14% red, 73.33% green and 69.8% blue. In the HSL color space #3bbbb2
has a hue of 175.78 degrees, 52.03% saturation and 48.24% lightness. This color has an approximate wavelength of 509 nm.
#3bbbb2
Color InformationInverted
#c4444d 25% Saturated
#2acabf Grayscale
#7a7a7a
25% Lighter
#65cec7 Original
#3bbbb2 25% Darker
#2c8c85
lightseagreen
#20b2aa 25% Desaturated
#4aaba4 Web Safe: teal
#008080
rgb(59, 187, 178)
rgba(59, 187, 178, 1.0)
red: 23.1373%, yellow: 49.1498%, blue: 73.3333%
#3bbbb2
3914674
-12862542 / 0xff3bbbb2
hsl(176, 52%, 48%)
hsla(176, 52%, 48%, 1.0)
hue: 176 (175.7813), saturation: 68 (68.4492), value: 73 (73.3333)
X: 27.6098, Y: 39.6848, Z: 48.3242
x: 0.2388, y: 0.3432, Y: 39.6848
L: 69.2444, a: -36.2928, b: -5.5836
L: 69.2444, u: -48.6198, v: -2.8733
L: 69.2444, C: 36.7198, H: 188.7463
L: 62.9959, a: -32.0098, b: -1.3843
cyan: 68 (0.6845), magenta: 0 (0), yellow: 5 (0.0481), key: 27 (0.2667)
cyan: 77 (0.7686), magenta: 27 (0.2667), yellow: 30 (0.302)
Y: 147.702, I: -73.3603, Q: -29.8666
Y: 147.702, U: 14.9105, V: -77.8199
Y: 147.702, Db: 45.603, Dr: 168.671
Y: 142.855, Cb: 142.993, Cr: 72.447
Y: 159.088, Pb: 10.22, Pr: -63.586
2.5BG 7/8 approximate; exact match: Munsell 2.5BG 7/8 / #45c1b3
#3bbbb2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3bbbb2
to White#3bbbb2
to Black#3bbbb2
foreground
<p style="color: #3bbbb2; background-color: #000">#3bbbb2 foreground</p>
#3bbbb2
background
<p style="background-color: #3bbbb2">#3bbbb2 background</p>
#3bbbb2
border
<p style="border: #3bbbb2 3px solid">#3bbbb2 border</p>
#3bbbb2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3bbbb2, #fff); background: -webkit-radial-gradient(50% 50%, #3bbbb2, #fff); background: -o-radial-gradient(50% 50%, #3bbbb2, #fff); background: -ms-radial-gradient(50% 50%, #3bbbb2, #fff); background: radial-gradient(50% 50%, #3bbbb2, #fff)">#3bbbb2 radial gradient</p>
#3bbbb2
linear gradient to complementary #bb3a43
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3bbbb2, #bb3a43); background: -webkit-linear-gradient(top, #3bbbb2, #bb3a43); background: -o-linear-gradient(top, #3bbbb2, #bb3a43); background: -ms-linear-gradient(top, #3bbbb2, #bb3a43); background: linear-gradient(top, #3bbbb2, #bb3a43); color: #000">
#3bbbb2
linear gradient to complementary #bb3a43
</p>
#3bbbb2
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3bbbb2">#3bbbb2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3bbbb2
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 #3bbbb2
.
Jump to paint brand: