#02b5ea
Hex Color CodeThe hexadecimal color code #02b5ea
is a shade of cyan. In the RGB color model #02b5ea
is comprised of 0.78% red, 70.98% green and 91.76% blue. In the HSL color space #02b5ea
has a hue of 193.71 degrees, 98.31% saturation and 46.27% lightness. This color has an approximate wavelength of 498 nm.
#02b5ea
Color InformationInverted
#fd4a15 25% Saturated
#00b6eb Grayscale
#757575
25% Lighter
#29ccfd Original
#02b5ea 25% Darker
#0187af
deepskyblue
#00bfff 25% Desaturated
#1fa5cc Web Safe: teal
#008080
rgb(2, 181, 234)
rgba(2, 181, 234, 1.0)
red: 0.7843%, yellow: 40.4084%, blue: 91.7647%
#02b5ea
177642
-16599574 / 0xff02b5ea
hsl(194, 98%, 46%)
hsla(194, 98%, 46%, 1.0)
hue: 194 (193.7069), saturation: 99 (99.1453), value: 92 (91.7647)
X: 31.4002, Y: 39.0012, Z: 83.7149
x: 0.2037, y: 0.2531, Y: 39.0012
L: 68.7521, a: -19.6624, b: -37.0977
L: 68.7521, u: -47.4287, v: -56.9715
L: 68.7521, C: 41.9862, H: 242.0757
L: 62.4509, a: -19.5397, b: -35.7621
cyan: 99 (0.9915), magenta: 23 (0.2265), yellow: 0 (0), key: 8 (0.0824)
cyan: 99 (0.9922), magenta: 29 (0.2902), yellow: 8 (0.0824)
Y: 133.521, I: -123.6601, Q: -21.3605
Y: 133.521, U: 49.4461, V: -115.3855
Y: 133.521, Db: 151.199, Dr: 250.108
Y: 130.67, Cb: 177.759, Cr: 45.656
Y: 146.689, Pb: 47.085, Pr: -91.938
7.5B 7/10 (approximate)
#02b5ea
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b5ea
to White#02b5ea
to Black#02b5ea
foreground
<p style="color: #02b5ea; background-color: #000">#02b5ea foreground</p>
#02b5ea
background
<p style="background-color: #02b5ea">#02b5ea background</p>
#02b5ea
border
<p style="border: #02b5ea 3px solid">#02b5ea border</p>
#02b5ea
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b5ea, #fff); background: -webkit-radial-gradient(50% 50%, #02b5ea, #fff); background: -o-radial-gradient(50% 50%, #02b5ea, #fff); background: -ms-radial-gradient(50% 50%, #02b5ea, #fff); background: radial-gradient(50% 50%, #02b5ea, #fff)">#02b5ea radial gradient</p>
#02b5ea
linear gradient to complementary #ea3601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b5ea, #ea3601); background: -webkit-linear-gradient(top, #02b5ea, #ea3601); background: -o-linear-gradient(top, #02b5ea, #ea3601); background: -ms-linear-gradient(top, #02b5ea, #ea3601); background: linear-gradient(top, #02b5ea, #ea3601); color: #000">
#02b5ea
linear gradient to complementary #ea3601
</p>
#02b5ea
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b5ea">#02b5ea text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b5ea
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 #02b5ea
.
Jump to paint brand: