#02a338
Hex Color CodeThe hexadecimal color code #02a338
is a medium dark shade of green-cyan. In the RGB color model #02a338
is comprised of 0.78% red, 63.92% green and 21.96% blue. In the HSL color space #02a338
has a hue of 140.12 degrees, 97.58% saturation and 32.35% lightness. This color has an approximate wavelength of 532 nm.
#02a338
Color InformationInverted
#fd5cc7 25% Saturated
#00a437 Grayscale
#525252
25% Lighter
#02cb46 Original
#02a338 25% Darker
#017a2a
forestgreen
#228b22 25% Desaturated
#168e3e Web Safe: green
#008000
rgb(2, 163, 56)
rgba(2, 163, 56, 1.0)
red: 0.7843%, yellow: 48.0638%, blue: 63.9216%
#02a338
172856
-16604360 / 0xff02a338
hsl(140, 98%, 32%)
hsla(140, 98%, 32%, 1.0)
hue: 140 (140.1242), saturation: 99 (98.773), value: 64 (63.9216)
X: 13.836, Y: 26.4928, Z: 8.1258
x: 0.2855, y: 0.5468, Y: 26.4928
L: 58.5019, a: -58.1055, b: 44.2478
L: 58.5019, u: -53.8366, v: 60.1034
L: 58.5019, C: 73.035, H: 142.7104
L: 51.4712, a: -42.0917, b: 26.6697
cyan: 99 (0.9877), magenta: 0 (0), yellow: 66 (0.6564), key: 36 (0.3608)
cyan: 99 (0.9922), magenta: 36 (0.3608), yellow: 78 (0.7804)
Y: 102.663, I: -61.5351, Q: -67.3359
Y: 102.663, U: -22.9624, V: -88.3139
Y: 102.663, Db: -70.181, Dr: 191.394
Y: 104.154, Cb: 104.855, Cr: 64.918
Y: 121.003, Pb: -34.985, Pr: -75.578
10GY 6/12 approximate; exact match: Munsell 10GY 6/12 / #3baa3a
#02a338
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a338
to White#02a338
to Black#02a338
foreground
<p style="color: #02a338">#02a338 foreground</p>
#02a338
background
<p style="background-color: #02a338; color: #fff">#02a338 background</p>
#02a338
border
<p style="border: #02a338 3px solid">#02a338 border</p>
#02a338
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a338, #fff); background: -webkit-radial-gradient(50% 50%, #02a338, #fff); background: -o-radial-gradient(50% 50%, #02a338, #fff); background: -ms-radial-gradient(50% 50%, #02a338, #fff); background: radial-gradient(50% 50%, #02a338, #fff); color: #fff">#02a338 radial gradient</p>
#02a338
linear gradient to complementary #a3016c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a338, #a3016c); background: -webkit-linear-gradient(top, #02a338, #a3016c); background: -o-linear-gradient(top, #02a338, #a3016c); background: -ms-linear-gradient(top, #02a338, #a3016c); background: linear-gradient(top, #02a338, #a3016c); color: #fff">
#02a338
linear gradient to complementary #a3016c
</p>
#02a338
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a338">#02a338 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a338
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 #02a338
.
Jump to paint brand: