Color Charts
RGB
CMYK
RYB
#02523c Hex Color CodeThe hexadecimal color code #02523c is a dark shade of green-cyan. In the RGB color model #02523c is comprised of 0.78% red, 32.16% green and 23.53% blue. In the HSL color space #02523c has a hue of 163.5 degrees, 95.24% saturation and 16.47% lightness. This color has an approximate wavelength of 517 nm.
#02523c Color InformationInverted
#fdadc3 25% Saturated
#00543c Grayscale
#2a2a2a
25% Lighter
#02664b Original
#02523c 25% Darker
#013d2d
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0c4837 Web Safe: teal
#008080
rgb(2, 82, 60)
rgba(2, 82, 60, 1.0)
red: 0.7843%, yellow: 18.9713%, blue: 32.1569%
#02523c
152124
-16625092 / 0xff02523c
hsl(164, 95%, 16%)
hsla(164, 95%, 16%, 1.0)
hue: 164 (163.5), saturation: 98 (97.561), value: 32 (32.1569)
X: 3.8579, Y: 6.3737, Z: 5.3019
x: 0.2484, y: 0.4103, Y: 6.3737
L: 30.3364, a: -27.8921, b: 6.8573
L: 30.3364, u: -25.2717, v: 11.3894
L: 30.3364, C: 28.7227, H: 166.1878
L: 25.2463, a: -16.904, b: 5.2211
cyan: 98 (0.9756), magenta: 0 (0), yellow: 27 (0.2683), key: 68 (0.6784)
cyan: 99 (0.9922), magenta: 68 (0.6784), yellow: 76 (0.7647)
Y: 55.572, I: -40.5895, Q: -23.7615
Y: 55.572, U: 2.1792, V: -46.9998
Y: 55.572, Db: 6.674, Dr: 101.866
Y: 63.722, Cb: 130.182, Cr: 94.442
Y: 63.376, Pb: -1.8, Pr: -38.988
5G 3/6 (approximate)
#02523c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02523c to White#02523c to Black#02523c foreground
<p style="color: #02523c">#02523c foreground</p>
#02523c background
<p style="background-color: #02523c; color: #fff">#02523c background</p>
#02523c border
<p style="border: #02523c 3px solid">#02523c border</p>
#02523c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02523c, #fff); background: -webkit-radial-gradient(50% 50%, #02523c, #fff); background: -o-radial-gradient(50% 50%, #02523c, #fff); background: -ms-radial-gradient(50% 50%, #02523c, #fff); background: radial-gradient(50% 50%, #02523c, #fff); color: #fff">#02523c radial gradient</p>
#02523c linear gradient to complementary #520217
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02523c, #520217); background: -webkit-linear-gradient(top, #02523c, #520217); background: -o-linear-gradient(top, #02523c, #520217); background: -ms-linear-gradient(top, #02523c, #520217); background: linear-gradient(top, #02523c, #520217); color: #fff">#02523c linear gradient to complementary #520217</p>
#02523c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02523c">#02523c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02523c 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 #02523c.
Jump to paint brand: