#02f374
Hex Color CodeThe hexadecimal color code #02f374
is a shade of green-cyan. In the RGB color model #02f374
is comprised of 0.78% red, 95.29% green and 45.49% blue. In the HSL color space #02f374
has a hue of 148.38 degrees, 98.37% saturation and 48.04% lightness. This color has an approximate wavelength of 527 nm.
#02f374
Color InformationInverted
#fd0c8b 25% Saturated
#00f473 Grayscale
#7a7a7a
25% Lighter
#34fd93 Original
#02f374 25% Darker
#01b657
springgreen
#00ff7f 25% Desaturated
#20d475 Web Safe: lime
#00ff00
rgb(2, 243, 116)
rgba(2, 243, 116, 1.0)
red: 0.7843%, yellow: 64.9445%, blue: 95.2941%
#02f374
193396
-16583820 / 0xff02f374
hsl(148, 98%, 48%)
hsla(148, 98%, 48%, 1.0)
hue: 148 (148.3817), saturation: 99 (99.177), value: 95 (95.2941)
X: 35.228, Y: 65.375, Z: 27.2849
x: 0.2755, y: 0.5112, Y: 65.375
L: 84.6766, a: -74.7921, b: 47.4893
L: 84.6766, u: -76.4729, v: 74.4876
L: 84.6766, C: 88.5951, H: 147.5865
L: 80.8548, a: -63.7245, b: 36.5906
cyan: 99 (0.9918), magenta: 0 (0), yellow: 52 (0.5226), key: 5 (0.0471)
cyan: 99 (0.9922), magenta: 5 (0.0471), yellow: 55 (0.5451)
Y: 156.463, I: -102.7672, Q: -90.475
Y: 156.463, U: -19.9112, V: -135.5137
Y: 156.463, Db: -60.841, Dr: 293.694
Y: 150.354, Cb: 107.915, Cr: 31.218
Y: 182.523, Pb: -35.785, Pr: -114.658
2.5G 8/16 (approximate)
#02f374
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f374
to White#02f374
to Black#02f374
foreground
<p style="color: #02f374; background-color: #000">#02f374 foreground</p>
#02f374
background
<p style="background-color: #02f374">#02f374 background</p>
#02f374
border
<p style="border: #02f374 3px solid">#02f374 border</p>
#02f374
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f374, #fff); background: -webkit-radial-gradient(50% 50%, #02f374, #fff); background: -o-radial-gradient(50% 50%, #02f374, #fff); background: -ms-radial-gradient(50% 50%, #02f374, #fff); background: radial-gradient(50% 50%, #02f374, #fff)">#02f374 radial gradient</p>
#02f374
linear gradient to complementary #f20181
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f374, #f20181); background: -webkit-linear-gradient(top, #02f374, #f20181); background: -o-linear-gradient(top, #02f374, #f20181); background: -ms-linear-gradient(top, #02f374, #f20181); background: linear-gradient(top, #02f374, #f20181); color: #000">
#02f374
linear gradient to complementary #f20181
</p>
#02f374
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f374">#02f374 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f374
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 #02f374
.
Jump to paint brand: