Color Charts
RGB
CMYK
RYB
#02ecf4 Hex Color CodeThe hexadecimal color code #02ecf4 is a shade of cyan. In the RGB color model #02ecf4 is comprised of 0.78% red, 92.55% green and 95.69% blue. In the HSL color space #02ecf4 has a hue of 181.98 degrees, 98.37% saturation and 48.24% lightness. This color has an approximate wavelength of 505 nm.
#02ecf4 Color InformationInverted
#fd130b 25% Saturated
#00edf6 Grayscale
#7b7b7b
rgb(2, 236, 244)
rgba(2, 236, 244, 1.0)
red: 0.7843%, yellow: 47.4378%, blue: 95.6863%
#02ecf4
191732
-16585484 / 0xff02ecf4
hsl(182, 98%, 48%)
hsla(182, 98%, 48%, 1.0)
hue: 182 (181.9835), saturation: 99 (99.1803), value: 96 (95.6863)
X: 46.3496, Y: 66.5355, Z: 95.9877
x: 0.2219, y: 0.3185, Y: 66.5355
L: 85.2688, a: -42.9481, b: -17.1691
L: 85.2688, u: -65.0551, v: -20.938
L: 85.2688, C: 46.2527, H: 201.7898
L: 81.5693, a: -41.3182, b: -12.6718
cyan: 99 (0.9918), magenta: 3 (0.0328), yellow: 0 (0), key: 4 (0.0431)
cyan: 99 (0.9922), magenta: 7 (0.0745), yellow: 4 (0.0431)
Y: 166.946, I: -141.9676, Q: -46.9916
Y: 166.946, U: 37.9188, V: -144.7101
Y: 166.946, Db: 115.964, Dr: 313.658
Y: 159.37, Cb: 166.144, Cr: 24.706
Y: 186.734, Pb: 30.91, Pr: -117.368
7.5BG 8/10 (approximate)
#02ecf4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ecf4 to White#02ecf4 to Black#02ecf4 foreground
<p style="color: #02ecf4; background-color: #000">#02ecf4 foreground</p>
#02ecf4 background
<p style="background-color: #02ecf4">#02ecf4 background</p>
#02ecf4 border
<p style="border: #02ecf4 3px solid">#02ecf4 border</p>
#02ecf4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ecf4, #fff); background: -webkit-radial-gradient(50% 50%, #02ecf4, #fff); background: -o-radial-gradient(50% 50%, #02ecf4, #fff); background: -ms-radial-gradient(50% 50%, #02ecf4, #fff); background: radial-gradient(50% 50%, #02ecf4, #fff)">#02ecf4 radial gradient</p>
#02ecf4 linear gradient to complementary #f40901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ecf4, #f40901); background: -webkit-linear-gradient(top, #02ecf4, #f40901); background: -o-linear-gradient(top, #02ecf4, #f40901); background: -ms-linear-gradient(top, #02ecf4, #f40901); background: linear-gradient(top, #02ecf4, #f40901); color: #000">#02ecf4 linear gradient to complementary #f40901</p>
#02ecf4 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ecf4">#02ecf4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ecf4 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 #02ecf4.
Jump to paint brand: