Color Charts
RGB
CMYK
RYB
#0296a7 Hex Color CodeThe hexadecimal color code #0296a7 is a medium dark shade of cyan. In the RGB color model #0296a7 is comprised of 0.78% red, 58.82% green and 65.49% blue. In the HSL color space #0296a7 has a hue of 186.18 degrees, 97.63% saturation and 33.14% lightness. This color has an approximate wavelength of 503 nm.
#0296a7 Color InformationInverted
#fd6958 25% Saturated
#0097a8 Grayscale
#545454
25% Lighter
#02bbd0 Original
#0296a7 25% Darker
#01707d
darkcyan
#008b8b 25% Desaturated
#168592 Web Safe: teal
#008080
rgb(2, 150, 167)
rgba(2, 150, 167, 1.0)
red: 0.7843%, yellow: 31.3801%, blue: 65.4902%
#0296a7
169639
-16607577 / 0xff0296a7
hsl(186, 98%, 33%)
hsla(186, 98%, 33%, 1.0)
hue: 186 (186.1818), saturation: 99 (98.8024), value: 65 (65.4902)
X: 17.9064, Y: 24.6156, Z: 40.3667
x: 0.216, y: 0.297, Y: 24.6156
L: 56.699, a: -26.7242, b: -18.333
L: 56.699, u: -41.9484, v: -23.9108
L: 56.699, C: 32.408, H: 214.4505
L: 49.6141, a: -22.4016, b: -13.5093
cyan: 99 (0.988), magenta: 10 (0.1018), yellow: 0 (0), key: 35 (0.3451)
cyan: 99 (0.9922), magenta: 41 (0.4118), yellow: 35 (0.3451)
Y: 107.686, I: -93.6274, Q: -26.0062
Y: 107.686, U: 29.1887, V: -92.7202
Y: 107.686, Db: 89.261, Dr: 200.973
Y: 108.48, Cb: 157.367, Cr: 61.821
Y: 119.7, Pb: 25.52, Pr: -74.782
10BG 6/8 (approximate)
#0296a7 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0296a7 to White#0296a7 to Black#0296a7 foreground
<p style="color: #0296a7">#0296a7 foreground</p>
#0296a7 background
<p style="background-color: #0296a7; color: #fff">#0296a7 background</p>
#0296a7 border
<p style="border: #0296a7 3px solid">#0296a7 border</p>
#0296a7 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0296a7, #fff); background: -webkit-radial-gradient(50% 50%, #0296a7, #fff); background: -o-radial-gradient(50% 50%, #0296a7, #fff); background: -ms-radial-gradient(50% 50%, #0296a7, #fff); background: radial-gradient(50% 50%, #0296a7, #fff); color: #fff">#0296a7 radial gradient</p>
#0296a7 linear gradient to complementary #a61301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0296a7, #a61301); background: -webkit-linear-gradient(top, #0296a7, #a61301); background: -o-linear-gradient(top, #0296a7, #a61301); background: -ms-linear-gradient(top, #0296a7, #a61301); background: linear-gradient(top, #0296a7, #a61301); color: #fff">#0296a7 linear gradient to complementary #a61301</p>
#0296a7 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0296a7">#0296a7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0296a7 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 #0296a7.
Jump to paint brand: