#02baa9
Hex Color CodeThe hexadecimal color code #02baa9
is a medium dark shade of cyan. In the RGB color model #02baa9
is comprised of 0.78% red, 72.94% green and 66.27% blue. In the HSL color space #02baa9
has a hue of 174.46 degrees, 97.87% saturation and 36.86% lightness. This color has an approximate wavelength of 510 nm.
#02baa9
Color InformationInverted
#fd4556 25% Saturated
#00bbaa Grayscale
#5d5d5d
25% Lighter
#02e8d3 Original
#02baa9 25% Darker
#018b7e
lightseagreen
#20b2aa 25% Desaturated
#18a396 Web Safe: teal
#008080
rgb(2, 186, 169)
rgba(2, 186, 169, 1.0)
red: 0.7843%, yellow: 38.6101%, blue: 72.9412%
#02baa9
178857
-16598359 / 0xff02baa9
hsl(174, 98%, 37%)
hsla(174, 98%, 37%, 1.0)
hue: 174 (174.4565), saturation: 99 (98.9247), value: 73 (72.9412)
X: 24.7454, Y: 37.9953, Z: 43.5657
x: 0.2328, y: 0.3574, Y: 37.9953
L: 68.0171, a: -42.875, b: -2.5182
L: 68.0171, u: -54.2768, v: 2.7301
L: 68.0171, C: 42.9489, H: 183.3614
L: 61.6403, a: -36.2121, b: 1.2436
cyan: 99 (0.9892), magenta: 0 (0), yellow: 9 (0.0914), key: 27 (0.2706)
cyan: 99 (0.9922), magenta: 27 (0.2706), yellow: 34 (0.3373)
Y: 129.046, I: -104.1503, Q: -44.1972
Y: 129.046, U: 19.6618, V: -111.4598
Y: 129.046, Db: 60.139, Dr: 241.583
Y: 126.82, Cb: 147.769, Cr: 48.431
Y: 145.584, Pb: 12.66, Pr: -91.218
2.5BG 7/10 (approximate)
#02baa9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02baa9
to White#02baa9
to Black#02baa9
foreground
<p style="color: #02baa9; background-color: #000">#02baa9 foreground</p>
#02baa9
background
<p style="background-color: #02baa9">#02baa9 background</p>
#02baa9
border
<p style="border: #02baa9 3px solid">#02baa9 border</p>
#02baa9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02baa9, #fff); background: -webkit-radial-gradient(50% 50%, #02baa9, #fff); background: -o-radial-gradient(50% 50%, #02baa9, #fff); background: -ms-radial-gradient(50% 50%, #02baa9, #fff); background: radial-gradient(50% 50%, #02baa9, #fff)">#02baa9 radial gradient</p>
#02baa9
linear gradient to complementary #b90212
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02baa9, #b90212); background: -webkit-linear-gradient(top, #02baa9, #b90212); background: -o-linear-gradient(top, #02baa9, #b90212); background: -ms-linear-gradient(top, #02baa9, #b90212); background: linear-gradient(top, #02baa9, #b90212); color: #000">
#02baa9
linear gradient to complementary #b90212
</p>
#02baa9
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02baa9">#02baa9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02baa9
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 #02baa9
.
Jump to paint brand: