#02b5f5
Hex Color CodeThe hexadecimal color code #02b5f5
is a shade of cyan. In the RGB color model #02b5f5
is comprised of 0.78% red, 70.98% green and 96.08% blue. In the HSL color space #02b5f5
has a hue of 195.8 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 497 nm.
#02b5f5
Color InformationInverted
#fd4a0a 25% Saturated
#00b5f7 Grayscale
#7b7b7b
25% Lighter
#37c9fd Original
#02b5f5 25% Darker
#0187b7
deepskyblue
#00bfff 25% Desaturated
#20a6d6 Web Safe: teal
#008080
rgb(2, 181, 245)
rgba(2, 181, 245, 1.0)
red: 0.7843%, yellow: 41.2053%, blue: 96.0784%
#02b5f5
177653
-16599563 / 0xff02b5f5
hsl(196, 98%, 48%)
hsla(196, 98%, 48%, 1.0)
hue: 196 (195.8025), saturation: 99 (99.1837), value: 96 (96.0784)
X: 33.0303, Y: 39.6532, Z: 92.2992
x: 0.2002, y: 0.2403, Y: 39.6532
L: 69.2218, a: -15.8061, b: -42.3478
L: 69.2218, u: -46.6186, v: -66.4794
L: 69.2218, C: 45.2014, H: 249.5321
L: 62.9708, a: -16.5696, b: -42.8245
cyan: 99 (0.9918), magenta: 26 (0.2612), yellow: 0 (0), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 29 (0.2902), yellow: 4 (0.0392)
Y: 134.775, I: -127.194, Q: -17.938
Y: 134.775, U: 54.2421, V: -116.4856
Y: 134.775, Db: 165.862, Dr: 252.495
Y: 131.748, Cb: 182.588, Cr: 44.875
Y: 147.481, Pb: 52.585, Pr: -92.444
7.5B 7/10 (approximate)
#02b5f5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b5f5
to White#02b5f5
to Black#02b5f5
foreground
<p style="color: #02b5f5; background-color: #000">#02b5f5 foreground</p>
#02b5f5
background
<p style="background-color: #02b5f5">#02b5f5 background</p>
#02b5f5
border
<p style="border: #02b5f5 3px solid">#02b5f5 border</p>
#02b5f5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b5f5, #fff); background: -webkit-radial-gradient(50% 50%, #02b5f5, #fff); background: -o-radial-gradient(50% 50%, #02b5f5, #fff); background: -ms-radial-gradient(50% 50%, #02b5f5, #fff); background: radial-gradient(50% 50%, #02b5f5, #fff)">#02b5f5 radial gradient</p>
#02b5f5
linear gradient to complementary #f54201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b5f5, #f54201); background: -webkit-linear-gradient(top, #02b5f5, #f54201); background: -o-linear-gradient(top, #02b5f5, #f54201); background: -ms-linear-gradient(top, #02b5f5, #f54201); background: linear-gradient(top, #02b5f5, #f54201); color: #000">
#02b5f5
linear gradient to complementary #f54201
</p>
#02b5f5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b5f5">#02b5f5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b5f5
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 #02b5f5
.
Jump to paint brand: