Color Charts
RGB
CMYK
RYB
#0283c2 Hex Color CodeThe hexadecimal color code #0283c2 is a medium dark shade of cyan. In the RGB color model #0283c2 is comprised of 0.78% red, 51.37% green and 76.08% blue. In the HSL color space #0283c2 has a hue of 199.69 degrees, 97.96% saturation and 38.43% lightness. This color has an approximate wavelength of 494 nm.
#0283c2 Color InformationInverted
#fd7c3d 25% Saturated
#0083c3 Grayscale
#616161
25% Lighter
#02a3f2 Original
#0283c2 25% Darker
#016291
steelblue
#4682b4 25% Desaturated
#197aaa Web Safe: teal
#008080
rgb(2, 131, 194)
rgba(2, 131, 194, 1.0)
red: 0.7843%, yellow: 31.0427%, blue: 76.0784%
#0283c2
164802
-16612414 / 0xff0283c2
hsl(200, 98%, 38%)
hsla(200, 98%, 38%, 1.0)
hue: 200 (199.6875), saturation: 99 (98.9691), value: 76 (76.0784)
X: 17.8789, Y: 20.1405, Z: 53.9841
x: 0.1943, y: 0.2189, Y: 20.1405
L: 51.9957, a: -6.5984, b: -41.0603
L: 51.9957, u: -33.4243, v: -62.3362
L: 51.9957, C: 41.5871, H: 260.8706
L: 44.8782, a: -7.4246, b: -39.9053
cyan: 99 (0.9897), magenta: 32 (0.3247), yellow: 0 (0), key: 24 (0.2392)
cyan: 99 (0.9922), magenta: 49 (0.4863), yellow: 24 (0.2392)
Y: 99.611, I: -97.0869, Q: -7.6763
Y: 99.611, U: 46.4491, V: -85.6356
Y: 99.611, Db: 142.029, Dr: 185.628
Y: 101.55, Cb: 174.749, Cr: 66.896
Y: 108.059, Pb: 46.335, Pr: -67.398
10B 5/10 (approximate)
#0283c2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0283c2 to White#0283c2 to Black#0283c2 foreground
<p style="color: #0283c2">#0283c2 foreground</p>
#0283c2 background
<p style="background-color: #0283c2; color: #fff">#0283c2 background</p>
#0283c2 border
<p style="border: #0283c2 3px solid">#0283c2 border</p>
#0283c2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0283c2, #fff); background: -webkit-radial-gradient(50% 50%, #0283c2, #fff); background: -o-radial-gradient(50% 50%, #0283c2, #fff); background: -ms-radial-gradient(50% 50%, #0283c2, #fff); background: radial-gradient(50% 50%, #0283c2, #fff); color: #fff">#0283c2 radial gradient</p>
#0283c2 linear gradient to complementary #c24101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0283c2, #c24101); background: -webkit-linear-gradient(top, #0283c2, #c24101); background: -o-linear-gradient(top, #0283c2, #c24101); background: -ms-linear-gradient(top, #0283c2, #c24101); background: linear-gradient(top, #0283c2, #c24101); color: #fff">#0283c2 linear gradient to complementary #c24101</p>
#0283c2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0283c2">#0283c2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0283c2 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 #0283c2.
Jump to paint brand: