Color Charts
RGB
CMYK
RYB
#0299ac Hex Color CodeThe hexadecimal color code #0299ac is a medium dark shade of cyan. In the RGB color model #0299ac is comprised of 0.78% red, 60% green and 67.45% blue. In the HSL color space #0299ac has a hue of 186.71 degrees, 97.7% saturation and 34.12% lightness. This color has an approximate wavelength of 502 nm.
#0299ac Color InformationInverted
#fd6653 25% Saturated
#009aae Grayscale
#575757
25% Lighter
#02bfd7 Original
#0299ac 25% Darker
#017281
cadetblue
#5f9ea0 25% Desaturated
#178896 Web Safe: teal
#008080
rgb(2, 153, 172)
rgba(2, 153, 172, 1.0)
red: 0.7843%, yellow: 32.1446%, blue: 67.451%
#0299ac
170412
-16606804 / 0xff0299ac
hsl(187, 98%, 34%)
hsla(187, 98%, 34%, 1.0)
hue: 187 (186.7059), saturation: 99 (98.8372), value: 67 (67.451)
X: 18.8627, Y: 25.7739, Z: 43.0104
x: 0.2152, y: 0.2941, Y: 25.7739
L: 57.8218, a: -26.5501, b: -19.4675
L: 57.8218, u: -42.605, v: -25.8225
L: 57.8218, C: 32.9225, H: 216.2502
L: 50.768, a: -22.5231, b: -14.6926
cyan: 99 (0.9884), magenta: 11 (0.1105), yellow: 0 (0), key: 33 (0.3255)
cyan: 99 (0.9922), magenta: 40 (0.4), yellow: 33 (0.3255)
Y: 110.017, I: -96.0571, Q: -26.0183
Y: 110.017, U: 30.5022, V: -94.7652
Y: 110.017, Db: 93.277, Dr: 205.406
Y: 110.482, Cb: 158.689, Cr: 60.362
Y: 122.205, Pb: 26.865, Pr: -76.374
10BG 6/8 (approximate)
#0299ac / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0299ac to White#0299ac to Black#0299ac foreground
<p style="color: #0299ac">#0299ac foreground</p>
#0299ac background
<p style="background-color: #0299ac; color: #fff">#0299ac background</p>
#0299ac border
<p style="border: #0299ac 3px solid">#0299ac border</p>
#0299ac radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0299ac, #fff); background: -webkit-radial-gradient(50% 50%, #0299ac, #fff); background: -o-radial-gradient(50% 50%, #0299ac, #fff); background: -ms-radial-gradient(50% 50%, #0299ac, #fff); background: radial-gradient(50% 50%, #0299ac, #fff); color: #fff">#0299ac radial gradient</p>
#0299ac linear gradient to complementary #ac1501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0299ac, #ac1501); background: -webkit-linear-gradient(top, #0299ac, #ac1501); background: -o-linear-gradient(top, #0299ac, #ac1501); background: -ms-linear-gradient(top, #0299ac, #ac1501); background: linear-gradient(top, #0299ac, #ac1501); color: #fff">#0299ac linear gradient to complementary #ac1501</p>
#0299ac text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0299ac">#0299ac text shadow</p>
The matching paint colors are listed in order of relevancy to the #0299ac 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 #0299ac.
Jump to paint brand: