#02d7e6
Hex Color CodeThe hexadecimal color code #02d7e6
is a shade of cyan. In the RGB color model #02d7e6
is comprised of 0.78% red, 84.31% green and 90.2% blue. In the HSL color space #02d7e6
has a hue of 183.95 degrees, 98.28% saturation and 45.49% lightness. This color has an approximate wavelength of 504 nm.
#02d7e6
Color InformationInverted
#fd2819 25% Saturated
#00d8e8 Grayscale
#747474
25% Lighter
#24eefd Original
#02d7e6 25% Darker
#01a1ac
darkturquoise
#00ced1 25% Desaturated
#1ebec9 Web Safe: aqua
#00ffff
rgb(2, 215, 230)
rgba(2, 215, 230, 1.0)
red: 0.7843%, yellow: 43.9696%, blue: 90.1961%
#02d7e6
186342
-16590874 / 0xff02d7e6
hsl(184, 98%, 45%)
hsla(184, 98%, 45%, 1.0)
hue: 184 (183.9474), saturation: 99 (99.1304), value: 90 (90.1961)
X: 38.6084, Y: 54.327, Z: 83.3142
x: 0.2191, y: 0.3082, Y: 54.327
L: 78.652, a: -37.6849, b: -19.7361
L: 78.652, u: -59.1863, v: -25.8021
L: 78.652, C: 42.5402, H: 207.6416
L: 73.7068, a: -35.4868, b: -15.4234
cyan: 99 (0.9913), magenta: 7 (0.0652), yellow: 0 (0), key: 10 (0.098)
cyan: 99 (0.9922), magenta: 16 (0.1569), yellow: 10 (0.098)
Y: 153.023, I: -131.7065, Q: -40.3731
Y: 153.023, U: 37.8808, V: -132.4951
Y: 153.023, Db: 115.845, Dr: 287.184
Y: 147.414, Cb: 166.109, Cr: 33.428
Y: 170.711, Pb: 31.995, Pr: -107.19
10BG 8/10 (approximate)
#02d7e6
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d7e6
to White#02d7e6
to Black#02d7e6
foreground
<p style="color: #02d7e6; background-color: #000">#02d7e6 foreground</p>
#02d7e6
background
<p style="background-color: #02d7e6">#02d7e6 background</p>
#02d7e6
border
<p style="border: #02d7e6 3px solid">#02d7e6 border</p>
#02d7e6
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d7e6, #fff); background: -webkit-radial-gradient(50% 50%, #02d7e6, #fff); background: -o-radial-gradient(50% 50%, #02d7e6, #fff); background: -ms-radial-gradient(50% 50%, #02d7e6, #fff); background: radial-gradient(50% 50%, #02d7e6, #fff)">#02d7e6 radial gradient</p>
#02d7e6
linear gradient to complementary #e61001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d7e6, #e61001); background: -webkit-linear-gradient(top, #02d7e6, #e61001); background: -o-linear-gradient(top, #02d7e6, #e61001); background: -ms-linear-gradient(top, #02d7e6, #e61001); background: linear-gradient(top, #02d7e6, #e61001); color: #000">
#02d7e6
linear gradient to complementary #e61001
</p>
#02d7e6
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d7e6">#02d7e6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d7e6
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 #02d7e6
.
Jump to paint brand: