#02abe5
Hex Color CodeThe hexadecimal color code #02abe5
is a shade of cyan. In the RGB color model #02abe5
is comprised of 0.78% red, 67.06% green and 89.8% blue. In the HSL color space #02abe5
has a hue of 195.33 degrees, 98.27% saturation and 45.29% lightness. This color has an approximate wavelength of 497 nm.
#02abe5
Color InformationInverted
#fd541a 25% Saturated
#00abe7 Grayscale
#737373
25% Lighter
#23c5fd Original
#02abe5 25% Darker
#0180ab
deepskyblue
#00bfff 25% Desaturated
#1e9dc8 Web Safe: teal
#008080
rgb(2, 171, 229)
rgba(2, 171, 229, 1.0)
red: 0.7843%, yellow: 38.775%, blue: 89.8039%
#02abe5
175077
-16602139 / 0xff02abe5
hsl(195, 98%, 45%)
hsla(195, 98%, 45%, 1.0)
hue: 195 (195.3304), saturation: 99 (99.1266), value: 90 (89.8039)
X: 28.7308, Y: 34.7959, Z: 79.3307
x: 0.2011, y: 0.2436, Y: 34.7959
L: 65.5894, a: -16.1163, b: -39.2946
L: 65.5894, u: -44.4411, v: -60.7562
L: 65.5894, C: 42.4712, H: 247.6995
L: 58.988, a: -16.2885, b: -38.4452
cyan: 99 (0.9913), magenta: 25 (0.2533), yellow: 0 (0), key: 10 (0.102)
cyan: 99 (0.9922), magenta: 33 (0.3294), yellow: 10 (0.102)
Y: 127.081, I: -119.3093, Q: -17.6902
Y: 127.081, U: 50.1547, V: -109.7356
Y: 127.081, Db: 153.364, Dr: 237.863
Y: 125.14, Cb: 178.474, Cr: 49.691
Y: 139.179, Pb: 48.435, Pr: -87.168
7.5B 6/10 (approximate)
#02abe5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02abe5
to White#02abe5
to Black#02abe5
foreground
<p style="color: #02abe5; background-color: #000">#02abe5 foreground</p>
#02abe5
background
<p style="background-color: #02abe5">#02abe5 background</p>
#02abe5
border
<p style="border: #02abe5 3px solid">#02abe5 border</p>
#02abe5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02abe5, #fff); background: -webkit-radial-gradient(50% 50%, #02abe5, #fff); background: -o-radial-gradient(50% 50%, #02abe5, #fff); background: -ms-radial-gradient(50% 50%, #02abe5, #fff); background: radial-gradient(50% 50%, #02abe5, #fff)">#02abe5 radial gradient</p>
#02abe5
linear gradient to complementary #e53c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02abe5, #e53c01); background: -webkit-linear-gradient(top, #02abe5, #e53c01); background: -o-linear-gradient(top, #02abe5, #e53c01); background: -ms-linear-gradient(top, #02abe5, #e53c01); background: linear-gradient(top, #02abe5, #e53c01); color: #000">
#02abe5
linear gradient to complementary #e53c01
</p>
#02abe5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02abe5">#02abe5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02abe5
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 #02abe5
.
Jump to paint brand: