Color Charts
RGB
CMYK
RYB
#02a69f Hex Color CodeThe hexadecimal color code #02a69f is a medium dark shade of cyan. In the RGB color model #02a69f is comprised of 0.78% red, 65.1% green and 62.35% blue. In the HSL color space #02a69f has a hue of 177.44 degrees, 97.62% saturation and 32.94% lightness. This color has an approximate wavelength of 508 nm.
#02a69f Color InformationInverted
#fd5960 25% Saturated
#00a7a0 Grayscale
#535353
25% Lighter
#02cfc6 Original
#02a69f 25% Darker
#017c77
lightseagreen
#20b2aa 25% Desaturated
#16918c Web Safe: teal
#008080
rgb(2, 166, 159)
rgba(2, 166, 159, 1.0)
red: 0.7843%, yellow: 33.6424%, blue: 65.098%
#02a69f
173727
-16603489 / 0xff02a69f
hsl(177, 98%, 33%)
hsla(177, 98%, 33%, 1.0)
hue: 177 (177.439), saturation: 99 (98.7952), value: 65 (65.098)
X: 19.9193, Y: 29.7885, Z: 37.5008
x: 0.2284, y: 0.3416, Y: 29.7885
L: 61.4713, a: -36.9338, b: -6.6208
L: 61.4713, u: -48.1776, v: -4.3965
L: 61.4713, C: 37.5225, H: 190.163
L: 54.5789, a: -30.3672, b: -2.5326
cyan: 99 (0.988), magenta: 0 (0), yellow: 4 (0.0422), key: 35 (0.349)
cyan: 99 (0.9922), magenta: 35 (0.349), yellow: 38 (0.3765)
Y: 116.166, I: -95.4486, Q: -36.8567
Y: 116.166, U: 21.079, V: -100.1599
Y: 116.166, Db: 64.469, Dr: 217.093
Y: 115.76, Cb: 149.199, Cr: 56.501
Y: 130.564, Pb: 15.36, Pr: -81.678
5BG 6/8 (approximate)
#02a69f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a69f to White#02a69f to Black#02a69f foreground
<p style="color: #02a69f">#02a69f foreground</p>
#02a69f background
<p style="background-color: #02a69f; color: #fff">#02a69f background</p>
#02a69f border
<p style="border: #02a69f 3px solid">#02a69f border</p>
#02a69f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a69f, #fff); background: -webkit-radial-gradient(50% 50%, #02a69f, #fff); background: -o-radial-gradient(50% 50%, #02a69f, #fff); background: -ms-radial-gradient(50% 50%, #02a69f, #fff); background: radial-gradient(50% 50%, #02a69f, #fff); color: #fff">#02a69f radial gradient</p>
#02a69f linear gradient to complementary #a50108
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a69f, #a50108); background: -webkit-linear-gradient(top, #02a69f, #a50108); background: -o-linear-gradient(top, #02a69f, #a50108); background: -ms-linear-gradient(top, #02a69f, #a50108); background: linear-gradient(top, #02a69f, #a50108); color: #fff">#02a69f linear gradient to complementary #a50108</p>
#02a69f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a69f">#02a69f text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a69f 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 #02a69f.
Jump to paint brand: