#02b0e1
Hex Color CodeThe hexadecimal color code #02b0e1
is a shade of cyan. In the RGB color model #02b0e1
is comprised of 0.78% red, 69.02% green and 88.24% blue. In the HSL color space #02b0e1
has a hue of 193.18 degrees, 98.24% saturation and 44.51% lightness. This color has an approximate wavelength of 498 nm.
#02b0e1
Color InformationInverted
#fd4f1e 25% Saturated
#00b1e3 Grayscale
#717171
25% Lighter
#1eccfd Original
#02b0e1 25% Darker
#0183a8
deepskyblue
#00bfff 25% Desaturated
#1da0c5 Web Safe: teal
#008080
rgb(2, 176, 225)
rgba(2, 176, 225, 1.0)
red: 0.7843%, yellow: 39.113%, blue: 88.2353%
#02b0e1
176353
-16600863 / 0xff02b0e1
hsl(193, 98%, 45%)
hsla(193, 98%, 45%, 1.0)
hue: 193 (193.1839), saturation: 99 (99.1111), value: 88 (88.2353)
X: 29.141, Y: 36.4998, Z: 76.7434
x: 0.2047, y: 0.2563, Y: 36.4998
L: 66.9001, a: -20.1763, b: -35.0567
L: 66.9001, u: -46.4205, v: -53.2334
L: 66.9001, C: 40.4482, H: 240.0782
L: 60.4151, a: -19.6276, b: -33.0237
cyan: 99 (0.9911), magenta: 22 (0.2178), yellow: 0 (0), key: 12 (0.1176)
cyan: 99 (0.9922), magenta: 31 (0.3098), yellow: 12 (0.1176)
Y: 129.56, I: -119.3965, Q: -21.5477
Y: 129.56, U: 46.9664, V: -111.9105
Y: 129.56, Db: 143.617, Dr: 242.575
Y: 127.268, Cb: 175.263, Cr: 48.135
Y: 142.466, Pb: 44.51, Pr: -89.254
5B 6/10 (approximate)
#02b0e1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b0e1
to White#02b0e1
to Black#02b0e1
foreground
<p style="color: #02b0e1; background-color: #000">#02b0e1 foreground</p>
#02b0e1
background
<p style="background-color: #02b0e1">#02b0e1 background</p>
#02b0e1
border
<p style="border: #02b0e1 3px solid">#02b0e1 border</p>
#02b0e1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b0e1, #fff); background: -webkit-radial-gradient(50% 50%, #02b0e1, #fff); background: -o-radial-gradient(50% 50%, #02b0e1, #fff); background: -ms-radial-gradient(50% 50%, #02b0e1, #fff); background: radial-gradient(50% 50%, #02b0e1, #fff)">#02b0e1 radial gradient</p>
#02b0e1
linear gradient to complementary #e13301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b0e1, #e13301); background: -webkit-linear-gradient(top, #02b0e1, #e13301); background: -o-linear-gradient(top, #02b0e1, #e13301); background: -ms-linear-gradient(top, #02b0e1, #e13301); background: linear-gradient(top, #02b0e1, #e13301); color: #000">
#02b0e1
linear gradient to complementary #e13301
</p>
#02b0e1
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b0e1">#02b0e1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b0e1
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 #02b0e1
.
Jump to paint brand: