#02a3f3
Hex Color CodeThe hexadecimal color code #02a3f3
is a shade of cyan. In the RGB color model #02a3f3
is comprised of 0.78% red, 63.92% green and 95.29% blue. In the HSL color space #02a3f3
has a hue of 199.92 degrees, 98.37% saturation and 48.04% lightness. This color has an approximate wavelength of 494 nm.
#02a3f3
Color InformationInverted
#fd5c0c 25% Saturated
#00a3f4 Grayscale
#7a7a7a
25% Lighter
#34bafd Original
#02a3f3 25% Darker
#017ab6
cornflowerblue
#6495ed 25% Desaturated
#2098d4 Web Safe: fuchsia
#ff00ff
rgb(2, 163, 243)
rgba(2, 163, 243, 1.0)
red: 0.7843%, yellow: 38.6353%, blue: 95.2941%
#02a3f3
173043
-16604173 / 0xff02a3f3
hsl(200, 98%, 48%)
hsla(200, 98%, 48%, 1.0)
hue: 200 (199.917), saturation: 99 (99.177), value: 95 (95.2941)
X: 29.2999, Y: 32.6784, Z: 89.5573
x: 0.1934, y: 0.2156, Y: 32.6784
L: 63.8996, a: -6.6316, b: -49.6308
L: 63.8996, u: -40.818, v: -79.0623
L: 63.8996, C: 50.0719, H: 262.3893
L: 57.165, a: -8.5486, b: -52.871
cyan: 99 (0.9918), magenta: 33 (0.3292), yellow: 0 (0), key: 5 (0.0471)
cyan: 99 (0.9922), magenta: 36 (0.3608), yellow: 5 (0.0471)
Y: 123.981, I: -121.6113, Q: -9.1536
Y: 123.981, U: 58.5696, V: -107.0158
Y: 123.981, Db: 179.09, Dr: 231.973
Y: 122.48, Cb: 186.948, Cr: 51.641
Y: 134.467, Pb: 58.515, Pr: -84.18
10B 6/12 (approximate)
#02a3f3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a3f3
to White#02a3f3
to Black#02a3f3
foreground
<p style="color: #02a3f3">#02a3f3 foreground</p>
#02a3f3
background
<p style="background-color: #02a3f3; color: #fff">#02a3f3 background</p>
#02a3f3
border
<p style="border: #02a3f3 3px solid">#02a3f3 border</p>
#02a3f3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a3f3, #fff); background: -webkit-radial-gradient(50% 50%, #02a3f3, #fff); background: -o-radial-gradient(50% 50%, #02a3f3, #fff); background: -ms-radial-gradient(50% 50%, #02a3f3, #fff); background: radial-gradient(50% 50%, #02a3f3, #fff); color: #fff">#02a3f3 radial gradient</p>
#02a3f3
linear gradient to complementary #f25201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a3f3, #f25201); background: -webkit-linear-gradient(top, #02a3f3, #f25201); background: -o-linear-gradient(top, #02a3f3, #f25201); background: -ms-linear-gradient(top, #02a3f3, #f25201); background: linear-gradient(top, #02a3f3, #f25201); color: #fff">
#02a3f3
linear gradient to complementary #f25201
</p>
#02a3f3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a3f3">#02a3f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a3f3
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 #02a3f3
.
Jump to paint brand: