Color Charts
RGB
CMYK
RYB
#0284d3 Hex Color CodeThe hexadecimal color code #0284d3 is a shade of cyan-blue. In the RGB color model #0284d3 is comprised of 0.78% red, 51.76% green and 82.75% blue. In the HSL color space #0284d3 has a hue of 202.68 degrees, 98.12% saturation and 41.76% lightness. This color has an approximate wavelength of 492 nm.
#0284d3 Color InformationInverted
#fd7b2c 25% Saturated
#0084d4 Grayscale
#6a6a6a
25% Lighter
#0da2fc Original
#0284d3 25% Darker
#01629e
steelblue
#4682b4 25% Desaturated
#1c7db8 Web Safe: blue
#0000ff
rgb(2, 132, 211)
rgba(2, 132, 211, 1.0)
red: 0.7843%, yellow: 32.2147%, blue: 82.7451%
#0284d3
165075
-16612141 / 0xff0284d3
hsl(203, 98%, 42%)
hsla(203, 98%, 42%, 1.0)
hue: 203 (202.6794), saturation: 99 (99.0521), value: 83 (82.7451)
X: 20.0342, Y: 21.2186, Z: 64.6677
x: 0.1891, y: 0.2003, Y: 21.2186
L: 53.1879, a: -0.6593, b: -48.8253
L: 53.1879, u: -32.7027, v: -75.7741
L: 53.1879, C: 48.8297, H: 269.2264
L: 46.0636, a: -2.9775, b: -50.9914
cyan: 99 (0.9905), magenta: 37 (0.3744), yellow: 0 (0), key: 17 (0.1725)
cyan: 99 (0.9922), magenta: 48 (0.4824), yellow: 17 (0.1725)
Y: 102.136, I: -102.8229, Q: -2.9096
Y: 102.136, U: 53.5722, V: -87.8508
Y: 102.136, Db: 163.807, Dr: 190.433
Y: 103.72, Cb: 181.921, Cr: 65.321
Y: 109.998, Pb: 54.45, Pr: -68.634
2.5PB 5/12 (approximate)
#0284d3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0284d3 to White#0284d3 to Black#0284d3 foreground
<p style="color: #0284d3">#0284d3 foreground</p>
#0284d3 background
<p style="background-color: #0284d3; color: #fff">#0284d3 background</p>
#0284d3 border
<p style="border: #0284d3 3px solid">#0284d3 border</p>
#0284d3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0284d3, #fff); background: -webkit-radial-gradient(50% 50%, #0284d3, #fff); background: -o-radial-gradient(50% 50%, #0284d3, #fff); background: -ms-radial-gradient(50% 50%, #0284d3, #fff); background: radial-gradient(50% 50%, #0284d3, #fff); color: #fff">#0284d3 radial gradient</p>
#0284d3 linear gradient to complementary #d35101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0284d3, #d35101); background: -webkit-linear-gradient(top, #0284d3, #d35101); background: -o-linear-gradient(top, #0284d3, #d35101); background: -ms-linear-gradient(top, #0284d3, #d35101); background: linear-gradient(top, #0284d3, #d35101); color: #fff">#0284d3 linear gradient to complementary #d35101</p>
#0284d3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0284d3">#0284d3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0284d3 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 #0284d3.
Jump to paint brand: