#02b689
Hex Color CodeThe hexadecimal color code #02b689
is a medium dark shade of green-cyan. In the RGB color model #02b689
is comprised of 0.78% red, 71.37% green and 53.73% blue. In the HSL color space #02b689
has a hue of 165 degrees, 97.83% saturation and 36.08% lightness. This color has an approximate wavelength of 516 nm.
#02b689
Color InformationInverted
#fd4976 25% Saturated
#00b88a Grayscale
#5c5c5c
25% Lighter
#02e3ab Original
#02b689 25% Darker
#018866
mediumseagreen
#3cb371 25% Desaturated
#189f7d Web Safe: teal
#008080
rgb(2, 182, 137)
rgba(2, 182, 137, 1.0)
red: 0.7843%, yellow: 41.1204%, blue: 71.3725%
#02b689
177801
-16599415 / 0xff02b689
hsl(165, 98%, 36%)
hsla(165, 98%, 36%, 1.0)
hue: 165 (165), saturation: 99 (98.9011), value: 71 (71.3725)
X: 21.2683, Y: 35.2749, Z: 29.3547
x: 0.2476, y: 0.4107, Y: 35.2749
L: 65.9622, a: -49.7318, b: 12.1121
L: 65.9622, u: -55.3876, v: 24.7964
L: 65.9622, C: 51.1855, H: 166.3122
L: 59.3927, a: -40.017, b: 12.271
cyan: 99 (0.989), magenta: 0 (0), yellow: 25 (0.2473), key: 29 (0.2863)
cyan: 99 (0.9922), magenta: 29 (0.2863), yellow: 46 (0.4627)
Y: 123.05, I: -92.772, Q: -52.0632
Y: 123.05, U: 6.8652, V: -106.1995
Y: 123.05, Db: 21.015, Dr: 230.175
Y: 121.668, Cb: 134.885, Cr: 52.175
Y: 140.42, Pb: -1.8, Pr: -87.93
5G 6/10 (approximate)
#02b689
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b689
to White#02b689
to Black#02b689
foreground
<p style="color: #02b689">#02b689 foreground</p>
#02b689
background
<p style="background-color: #02b689; color: #fff">#02b689 background</p>
#02b689
border
<p style="border: #02b689 3px solid">#02b689 border</p>
#02b689
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b689, #fff); background: -webkit-radial-gradient(50% 50%, #02b689, #fff); background: -o-radial-gradient(50% 50%, #02b689, #fff); background: -ms-radial-gradient(50% 50%, #02b689, #fff); background: radial-gradient(50% 50%, #02b689, #fff); color: #fff">#02b689 radial gradient</p>
#02b689
linear gradient to complementary #b6012e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b689, #b6012e); background: -webkit-linear-gradient(top, #02b689, #b6012e); background: -o-linear-gradient(top, #02b689, #b6012e); background: -ms-linear-gradient(top, #02b689, #b6012e); background: linear-gradient(top, #02b689, #b6012e); color: #fff">
#02b689
linear gradient to complementary #b6012e
</p>
#02b689
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b689">#02b689 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b689
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 #02b689
.
Jump to paint brand: