#02c3ef
Hex Color CodeThe hexadecimal color code #02c3ef
is a shade of cyan. In the RGB color model #02c3ef
is comprised of 0.78% red, 76.47% green and 93.73% blue. In the HSL color space #02c3ef
has a hue of 191.14 degrees, 98.34% saturation and 47.25% lightness. This color has an approximate wavelength of 500 nm.
#02c3ef
Color InformationInverted
#fd3c10 25% Saturated
#00c4f0 Grayscale
#787878
25% Lighter
#2fd7fd Original
#02c3ef 25% Darker
#0192b3
deepskyblue
#00bfff 25% Desaturated
#1fb0d1 Web Safe: aqua
#00ffff
rgb(2, 195, 239)
rgba(2, 195, 239, 1.0)
red: 0.7843%, yellow: 42.4998%, blue: 93.7255%
#02c3ef
181231
-16595985 / 0xff02c3ef
hsl(191, 98%, 47%)
hsla(191, 98%, 47%, 1.0)
hue: 191 (191.1392), saturation: 99 (99.1632), value: 94 (93.7255)
X: 35.1201, Y: 45.2751, Z: 88.5493
x: 0.2079, y: 0.268, Y: 45.2751
L: 73.0727, a: -25.1421, b: -33.1095
L: 73.0727, u: -51.7501, v: -49.8719
L: 73.0727, C: 41.5736, H: 232.7884
L: 67.2868, a: -24.5844, b: -30.9248
cyan: 99 (0.9916), magenta: 18 (0.1841), yellow: 0 (0), key: 6 (0.0627)
cyan: 99 (0.9922), magenta: 24 (0.2353), yellow: 6 (0.0627)
Y: 142.309, I: -129.1088, Q: -27.1211
Y: 142.309, U: 47.582, V: -123.0954
Y: 142.309, Db: 145.502, Dr: 266.817
Y: 138.216, Cb: 175.88, Cr: 40.149
Y: 157.059, Pb: 44.195, Pr: -98.524
5B 7/10 (approximate)
#02c3ef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c3ef
to White#02c3ef
to Black#02c3ef
foreground
<p style="color: #02c3ef; background-color: #000">#02c3ef foreground</p>
#02c3ef
background
<p style="background-color: #02c3ef">#02c3ef background</p>
#02c3ef
border
<p style="border: #02c3ef 3px solid">#02c3ef border</p>
#02c3ef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c3ef, #fff); background: -webkit-radial-gradient(50% 50%, #02c3ef, #fff); background: -o-radial-gradient(50% 50%, #02c3ef, #fff); background: -ms-radial-gradient(50% 50%, #02c3ef, #fff); background: radial-gradient(50% 50%, #02c3ef, #fff)">#02c3ef radial gradient</p>
#02c3ef
linear gradient to complementary #ee2d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c3ef, #ee2d01); background: -webkit-linear-gradient(top, #02c3ef, #ee2d01); background: -o-linear-gradient(top, #02c3ef, #ee2d01); background: -ms-linear-gradient(top, #02c3ef, #ee2d01); background: linear-gradient(top, #02c3ef, #ee2d01); color: #000">
#02c3ef
linear gradient to complementary #ee2d01
</p>
#02c3ef
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c3ef">#02c3ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c3ef
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 #02c3ef
.
Jump to paint brand: