#02836f
Hex Color CodeThe hexadecimal color code #02836f
is a medium dark shade of cyan. In the RGB color model #02836f
is comprised of 0.78% red, 51.37% green and 43.53% blue. In the HSL color space #02836f
has a hue of 170.7 degrees, 96.99% saturation and 26.08% lightness. This color has an approximate wavelength of 513 nm.
#02836f
Color InformationInverted
#fd7c90 25% Saturated
#008470 Grayscale
#424242
rgb(2, 131, 111)
rgba(2, 131, 111, 1.0)
red: 0.7843%, yellow: 28.204%, blue: 51.3725%
#02836f
164719
-16612497 / 0xff02836f
hsl(171, 97%, 26%)
hsla(171, 97%, 26%, 1.0)
hue: 171 (170.6977), saturation: 98 (98.4733), value: 51 (51.3725)
X: 11.0106, Y: 17.3932, Z: 17.8158
x: 0.2382, y: 0.3763, Y: 17.3932
L: 48.7517, a: -35.3619, b: 2.2506
L: 48.7517, u: -39.5939, v: 8.1087
L: 48.7517, C: 35.4335, H: 176.3583
L: 41.7052, a: -25.8582, b: 3.8658
cyan: 98 (0.9847), magenta: 0 (0), yellow: 15 (0.1527), key: 49 (0.4863)
cyan: 99 (0.9922), magenta: 49 (0.4863), yellow: 56 (0.5647)
Y: 90.149, I: -70.4221, Q: -33.5005
Y: 90.149, U: 10.2611, V: -77.3348
Y: 90.149, Db: 31.39, Dr: 167.617
Y: 93.416, Cb: 138.312, Cr: 72.789
Y: 102.083, Pb: 4.835, Pr: -63.58
10G 5/8 (approximate)
#02836f
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02836f
to White#02836f
to Black#02836f
foreground
<p style="color: #02836f">#02836f foreground</p>
#02836f
background
<p style="background-color: #02836f; color: #fff">#02836f background</p>
#02836f
border
<p style="border: #02836f 3px solid">#02836f border</p>
#02836f
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02836f, #fff); background: -webkit-radial-gradient(50% 50%, #02836f, #fff); background: -o-radial-gradient(50% 50%, #02836f, #fff); background: -ms-radial-gradient(50% 50%, #02836f, #fff); background: radial-gradient(50% 50%, #02836f, #fff); color: #fff">#02836f radial gradient</p>
#02836f
linear gradient to complementary #830116
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02836f, #830116); background: -webkit-linear-gradient(top, #02836f, #830116); background: -o-linear-gradient(top, #02836f, #830116); background: -ms-linear-gradient(top, #02836f, #830116); background: linear-gradient(top, #02836f, #830116); color: #fff">
#02836f
linear gradient to complementary #830116
</p>
#02836f
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02836f">#02836f text shadow</p>
The matching paint colors are listed in order of relevancy to the #02836f
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 #02836f
.
Jump to paint brand: