#02ddf6
Hex Color CodeThe hexadecimal color code #02ddf6
is a shade of cyan. In the RGB color model #02ddf6
is comprised of 0.78% red, 86.67% green and 96.47% blue. In the HSL color space #02ddf6
has a hue of 186.15 degrees, 98.39% saturation and 48.63% lightness. This color has an approximate wavelength of 503 nm.
#02ddf6
Color InformationInverted
#fd2209 25% Saturated
#00def8 Grayscale
#7c7c7c
25% Lighter
#38e9fd Original
#02ddf6 25% Darker
#01a5b8
darkturquoise
#00ced1 25% Desaturated
#20c4d7 Web Safe: aqua
#00ffff
rgb(2, 221, 246)
rgba(2, 221, 246, 1.0)
red: 0.7843%, yellow: 46.0441%, blue: 96.4706%
#02ddf6
187894
-16589322 / 0xff02ddf6
hsl(186, 98%, 49%)
hsla(186, 98%, 49%, 1.0)
hue: 186 (186.1475), saturation: 99 (99.187), value: 96 (96.4706)
X: 42.516, Y: 58.3796, Z: 96.2163
x: 0.2157, y: 0.2962, Y: 58.3796
L: 80.9494, a: -35.4939, b: -24.7685
L: 80.9494, u: -59.9048, v: -34.7038
L: 80.9494, C: 43.2816, H: 214.9083
L: 76.4066, a: -34.3861, b: -21.1774
cyan: 99 (0.9919), magenta: 10 (0.1016), yellow: 0 (0), key: 4 (0.0353)
cyan: 99 (0.9922), magenta: 13 (0.1333), yellow: 4 (0.0353)
Y: 158.369, I: -138.4934, Q: -38.5305
Y: 158.369, U: 43.1237, V: -137.1852
Y: 158.369, Db: 131.875, Dr: 297.352
Y: 152.006, Cb: 171.387, Cr: 30.084
Y: 176.153, Pb: 37.685, Pr: -110.65
10BG 8/10 (approximate)
#02ddf6
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ddf6
to White#02ddf6
to Black#02ddf6
foreground
<p style="color: #02ddf6; background-color: #000">#02ddf6 foreground</p>
#02ddf6
background
<p style="background-color: #02ddf6">#02ddf6 background</p>
#02ddf6
border
<p style="border: #02ddf6 3px solid">#02ddf6 border</p>
#02ddf6
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ddf6, #fff); background: -webkit-radial-gradient(50% 50%, #02ddf6, #fff); background: -o-radial-gradient(50% 50%, #02ddf6, #fff); background: -ms-radial-gradient(50% 50%, #02ddf6, #fff); background: radial-gradient(50% 50%, #02ddf6, #fff)">#02ddf6 radial gradient</p>
#02ddf6
linear gradient to complementary #f61b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ddf6, #f61b01); background: -webkit-linear-gradient(top, #02ddf6, #f61b01); background: -o-linear-gradient(top, #02ddf6, #f61b01); background: -ms-linear-gradient(top, #02ddf6, #f61b01); background: linear-gradient(top, #02ddf6, #f61b01); color: #000">
#02ddf6
linear gradient to complementary #f61b01
</p>
#02ddf6
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ddf6">#02ddf6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ddf6
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 #02ddf6
.
Jump to paint brand: