Color Charts
RGB
CMYK
RYB
#0299cc Hex Color CodeThe hexadecimal color code #0299cc is a shade of cyan. In the RGB color model #0299cc is comprised of 0.78% red, 60% green and 80% blue. In the HSL color space #0299cc has a hue of 195.15 degrees, 98.06% saturation and 40.39% lightness. This color has an approximate wavelength of 497 nm.
#0299cc Color InformationInverted
#fd6633 25% Saturated
#0099ce Grayscale
#676767
25% Lighter
#04befc Original
#0299cc 25% Darker
#017299
steelblue
#4682b4 25% Desaturated
#1b8cb2 Web Safe: teal
#008080
rgb(2, 153, 204)
rgba(2, 153, 204, 1.0)
red: 0.7843%, yellow: 34.6698%, blue: 80%
#0299cc
170444
-16606772 / 0xff0299cc
hsl(195, 98%, 40%)
hsla(195, 98%, 40%, 1.0)
hue: 195 (195.1485), saturation: 99 (99.0196), value: 80 (80)
X: 22.3154, Y: 27.155, Z: 61.192
x: 0.2017, y: 0.2454, Y: 27.155
L: 59.1175, a: -15.3275, b: -35.5343
L: 59.1175, u: -40.1765, v: -53.6357
L: 59.1175, C: 38.699, H: 246.6674
L: 52.1105, a: -14.754, b: -33.1455
cyan: 99 (0.9902), magenta: 25 (0.25), yellow: 0 (0), key: 20 (0.2)
cyan: 99 (0.9922), magenta: 40 (0.4), yellow: 20 (0.2)
Y: 113.665, I: -106.3375, Q: -16.062
Y: 113.665, U: 44.4542, V: -97.9655
Y: 113.665, Db: 135.933, Dr: 212.35
Y: 113.618, Cb: 172.737, Cr: 58.09
Y: 124.509, Pb: 42.865, Pr: -77.846
7.5B 6/8 approximate; exact match: Munsell 7.5B 6/8 / #399ece
#0299cc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0299cc to White#0299cc to Black#0299cc foreground
<p style="color: #0299cc">#0299cc foreground</p>
#0299cc background
<p style="background-color: #0299cc; color: #fff">#0299cc background</p>
#0299cc border
<p style="border: #0299cc 3px solid">#0299cc border</p>
#0299cc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0299cc, #fff); background: -webkit-radial-gradient(50% 50%, #0299cc, #fff); background: -o-radial-gradient(50% 50%, #0299cc, #fff); background: -ms-radial-gradient(50% 50%, #0299cc, #fff); background: radial-gradient(50% 50%, #0299cc, #fff); color: #fff">#0299cc radial gradient</p>
#0299cc linear gradient to complementary #cc3501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0299cc, #cc3501); background: -webkit-linear-gradient(top, #0299cc, #cc3501); background: -o-linear-gradient(top, #0299cc, #cc3501); background: -ms-linear-gradient(top, #0299cc, #cc3501); background: linear-gradient(top, #0299cc, #cc3501); color: #fff">#0299cc linear gradient to complementary #cc3501</p>
#0299cc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0299cc">#0299cc text shadow</p>
The matching paint colors are listed in order of relevancy to the #0299cc 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 #0299cc.
Jump to paint brand: