Color Charts
RGB
CMYK
RYB
#0283f3 Hex Color CodeThe hexadecimal color code #0283f3 is a shade of cyan-blue. In the RGB color model #0283f3 is comprised of 0.78% red, 51.37% green and 95.29% blue. In the HSL color space #0283f3 has a hue of 207.88 degrees, 98.37% saturation and 48.04% lightness. This color has an approximate wavelength of 489 nm.
#0283f3 Color InformationInverted
#fd7c0c 25% Saturated
#0083f4 Grayscale
#7a7a7a
25% Lighter
#34a0fd Original
#0283f3 25% Darker
#0162b6
dodgerblue
#1e90ff 25% Desaturated
#2080d4 Web Safe: fuchsia
#ff00ff
rgb(2, 131, 243)
rgba(2, 131, 243, 1.0)
red: 0.7843%, yellow: 33.735%, blue: 95.2941%
#0283f3
164851
-16612365 / 0xff0283f3
hsl(208, 98%, 48%)
hsla(208, 98%, 48%, 1.0)
hue: 208 (207.8838), saturation: 99 (99.177), value: 95 (95.2941)
X: 24.319, Y: 22.7166, Z: 87.897
x: 0.1802, y: 0.1684, Y: 22.7166
L: 54.7792, a: 12.3408, b: -64.1905
L: 54.7792, u: -30.7132, v: -101.9578
L: 54.7792, C: 65.366, H: 280.8825
L: 47.6619, a: 7.6695, b: -75.9779
cyan: 99 (0.9918), magenta: 46 (0.4609), yellow: 0 (0), key: 5 (0.0471)
cyan: 99 (0.9922), magenta: 49 (0.4863), yellow: 5 (0.0471)
Y: 105.197, I: -112.8288, Q: 7.5693
Y: 105.197, U: 67.8131, V: -90.5361
Y: 105.197, Db: 207.346, Dr: 196.261
Y: 106.352, Cb: 196.26, Cr: 63.417
Y: 111.587, Pb: 70.835, Pr: -69.652
5PB 5/14 (approximate)
#0283f3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0283f3 to White#0283f3 to Black#0283f3 foreground
<p style="color: #0283f3">#0283f3 foreground</p>
#0283f3 background
<p style="background-color: #0283f3; color: #fff">#0283f3 background</p>
#0283f3 border
<p style="border: #0283f3 3px solid">#0283f3 border</p>
#0283f3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0283f3, #fff); background: -webkit-radial-gradient(50% 50%, #0283f3, #fff); background: -o-radial-gradient(50% 50%, #0283f3, #fff); background: -ms-radial-gradient(50% 50%, #0283f3, #fff); background: radial-gradient(50% 50%, #0283f3, #fff); color: #fff">#0283f3 radial gradient</p>
#0283f3 linear gradient to complementary #f27201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0283f3, #f27201); background: -webkit-linear-gradient(top, #0283f3, #f27201); background: -o-linear-gradient(top, #0283f3, #f27201); background: -ms-linear-gradient(top, #0283f3, #f27201); background: linear-gradient(top, #0283f3, #f27201); color: #fff">#0283f3 linear gradient to complementary #f27201</p>
#0283f3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0283f3">#0283f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0283f3 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 #0283f3.
Jump to paint brand: