#02696c
Hex Color CodeThe hexadecimal color code #02696c
is a dark shade of cyan. In the RGB color model #02696c
is comprised of 0.78% red, 41.18% green and 42.35% blue. In the HSL color space #02696c
has a hue of 181.7 degrees, 96.36% saturation and 21.57% lightness. This color has an approximate wavelength of 506 nm.
#02696c
Color InformationInverted
#fd9693 25% Saturated
#006a6e Grayscale
#373737
rgb(2, 105, 108)
rgba(2, 105, 108, 1.0)
red: 0.7843%, yellow: 21.2703%, blue: 42.3529%
#02696c
158060
-16619156 / 0xff02696c
hsl(182, 96%, 22%)
hsla(182, 96%, 22%, 1.0)
hue: 182 (181.6981), saturation: 98 (98.1481), value: 42 (42.3529)
X: 7.7834, Y: 11.1988, Z: 15.9387
x: 0.2229, y: 0.3207, Y: 11.1988
L: 39.9132, a: -23.8786, b: -9.0028
L: 39.9132, u: -30.4009, v: -9.1024
L: 39.9132, C: 25.5194, H: 200.6576
L: 33.4646, a: -17.0464, b: -4.8138
cyan: 98 (0.9815), magenta: 3 (0.0278), yellow: 0 (0), key: 58 (0.5765)
cyan: 99 (0.9922), magenta: 59 (0.5882), yellow: 58 (0.5765)
Y: 74.545, I: -62.3225, Q: -20.8466
Y: 74.545, U: 16.4634, V: -63.645
Y: 74.545, Db: 50.349, Dr: 137.95
Y: 80.018, Cb: 144.561, Cr: 82.57
Y: 83.277, Pb: 13.345, Pr: -51.638
5BG 4/6 (approximate)
#02696c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02696c
to White#02696c
to Black#02696c
foreground
<p style="color: #02696c">#02696c foreground</p>
#02696c
background
<p style="background-color: #02696c; color: #fff">#02696c background</p>
#02696c
border
<p style="border: #02696c 3px solid">#02696c border</p>
#02696c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02696c, #fff); background: -webkit-radial-gradient(50% 50%, #02696c, #fff); background: -o-radial-gradient(50% 50%, #02696c, #fff); background: -ms-radial-gradient(50% 50%, #02696c, #fff); background: radial-gradient(50% 50%, #02696c, #fff); color: #fff">#02696c radial gradient</p>
#02696c
linear gradient to complementary #6c0502
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02696c, #6c0502); background: -webkit-linear-gradient(top, #02696c, #6c0502); background: -o-linear-gradient(top, #02696c, #6c0502); background: -ms-linear-gradient(top, #02696c, #6c0502); background: linear-gradient(top, #02696c, #6c0502); color: #fff">
#02696c
linear gradient to complementary #6c0502
</p>
#02696c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02696c">#02696c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02696c
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 #02696c
.
Jump to paint brand: