Color Charts
RGB
CMYK
RYB
#02bcae Hex Color CodeThe hexadecimal color code #02bcae is a medium dark shade of cyan. In the RGB color model #02bcae is comprised of 0.78% red, 73.73% green and 68.24% blue. In the HSL color space #02bcae has a hue of 175.48 degrees, 97.89% saturation and 37.25% lightness. This color has an approximate wavelength of 510 nm.
#02bcae Color InformationInverted
#fd4351 25% Saturated
#00beaf Grayscale
#5f5f5f
25% Lighter
#02ebd9 Original
#02bcae 25% Darker
#018d82
lightseagreen
#20b2aa 25% Desaturated
#19a49a Web Safe: teal
#008080
rgb(2, 188, 174)
rgba(2, 188, 174, 1.0)
red: 0.7843%, yellow: 38.6811%, blue: 73.7255%
#02bcae
179374
-16597842 / 0xff02bcae
hsl(175, 98%, 37%)
hsla(175, 98%, 37%, 1.0)
hue: 175 (175.4839), saturation: 99 (98.9362), value: 74 (73.7255)
X: 25.6482, Y: 39.0353, Z: 46.2272
x: 0.2313, y: 0.352, Y: 39.0353
L: 68.7769, a: -42.313, b: -4.1503
L: 68.7769, u: -54.5612, v: 0.1568
L: 68.7769, C: 42.516, H: 185.602
L: 62.4783, a: -36.0601, b: -0.1334
cyan: 99 (0.9894), magenta: 0 (0), yellow: 7 (0.0745), key: 26 (0.2627)
cyan: 99 (0.9922), magenta: 26 (0.2627), yellow: 32 (0.3176)
Y: 130.79, I: -106.3055, Q: -43.6867
Y: 130.79, U: 21.2641, V: -112.9899
Y: 130.79, Db: 65.038, Dr: 244.9
Y: 128.318, Cb: 149.382, Cr: 47.34
Y: 147.374, Pb: 14.39, Pr: -92.356
2.5BG 7/8 approximate; exact match: Munsell 2.5BG 7/8 / #45c1b3
#02bcae / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bcae to White#02bcae to Black#02bcae foreground
<p style="color: #02bcae; background-color: #000">#02bcae foreground</p>
#02bcae background
<p style="background-color: #02bcae">#02bcae background</p>
#02bcae border
<p style="border: #02bcae 3px solid">#02bcae border</p>
#02bcae radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bcae, #fff); background: -webkit-radial-gradient(50% 50%, #02bcae, #fff); background: -o-radial-gradient(50% 50%, #02bcae, #fff); background: -ms-radial-gradient(50% 50%, #02bcae, #fff); background: radial-gradient(50% 50%, #02bcae, #fff)">#02bcae radial gradient</p>
#02bcae linear gradient to complementary #bc010f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bcae, #bc010f); background: -webkit-linear-gradient(top, #02bcae, #bc010f); background: -o-linear-gradient(top, #02bcae, #bc010f); background: -ms-linear-gradient(top, #02bcae, #bc010f); background: linear-gradient(top, #02bcae, #bc010f); color: #000">#02bcae linear gradient to complementary #bc010f</p>
#02bcae text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bcae">#02bcae text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bcae 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 #02bcae.
Jump to paint brand: