#02b18d
Hex Color CodeThe hexadecimal color code #02b18d
is a medium dark shade of green-cyan. In the RGB color model #02b18d
is comprised of 0.78% red, 69.41% green and 55.29% blue. In the HSL color space #02b18d
has a hue of 167.66 degrees, 97.77% saturation and 35.1% lightness. This color has an approximate wavelength of 514 nm.
#02b18d
Color InformationInverted
#fd4e72 25% Saturated
#00b38e Grayscale
#595959
25% Lighter
#02ddb0 Original
#02b18d 25% Darker
#018469
mediumseagreen
#3cb371 25% Desaturated
#179b80 Web Safe: teal
#008080
rgb(2, 177, 141)
rgba(2, 177, 141, 1.0)
red: 0.7843%, yellow: 39.0321%, blue: 69.4118%
#02b18d
176525
-16600691 / 0xff02b18d
hsl(168, 98%, 35%)
hsla(168, 98%, 35%, 1.0)
hue: 168 (167.6571), saturation: 99 (98.8701), value: 69 (69.4118)
X: 20.5549, Y: 33.3803, Z: 30.559
x: 0.2433, y: 0.3951, Y: 33.3803
L: 64.4676, a: -46.7228, b: 7.7921
L: 64.4676, u: -53.385, v: 18.2705
L: 64.4676, C: 47.3681, H: 170.5317
L: 57.7757, a: -37.6023, b: 9.083
cyan: 99 (0.9887), magenta: 0 (0), yellow: 20 (0.2034), key: 31 (0.3059)
cyan: 99 (0.9922), magenta: 31 (0.3059), yellow: 45 (0.4471)
Y: 120.571, I: -92.6848, Q: -48.2057
Y: 120.571, U: 10.0535, V: -104.0246
Y: 120.571, Db: 30.762, Dr: 225.463
Y: 119.54, Cb: 138.096, Cr: 53.731
Y: 137.133, Pb: 2.125, Pr: -85.844
7.5G 6/10 (approximate)
#02b18d
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b18d
to White#02b18d
to Black#02b18d
foreground
<p style="color: #02b18d">#02b18d foreground</p>
#02b18d
background
<p style="background-color: #02b18d; color: #fff">#02b18d background</p>
#02b18d
border
<p style="border: #02b18d 3px solid">#02b18d border</p>
#02b18d
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b18d, #fff); background: -webkit-radial-gradient(50% 50%, #02b18d, #fff); background: -o-radial-gradient(50% 50%, #02b18d, #fff); background: -ms-radial-gradient(50% 50%, #02b18d, #fff); background: radial-gradient(50% 50%, #02b18d, #fff); color: #fff">#02b18d radial gradient</p>
#02b18d
linear gradient to complementary #b10126
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b18d, #b10126); background: -webkit-linear-gradient(top, #02b18d, #b10126); background: -o-linear-gradient(top, #02b18d, #b10126); background: -ms-linear-gradient(top, #02b18d, #b10126); background: linear-gradient(top, #02b18d, #b10126); color: #fff">
#02b18d
linear gradient to complementary #b10126
</p>
#02b18d
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b18d">#02b18d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b18d
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 #02b18d
.
Jump to paint brand: