#0283e4
Hex Color CodeThe hexadecimal color code #0283e4
is a shade of cyan-blue. In the RGB color model #0283e4
is comprised of 0.78% red, 51.37% green and 89.41% blue. In the HSL color space #0283e4
has a hue of 205.75 degrees, 98.26% saturation and 45.1% lightness. This color has an approximate wavelength of 490 nm.
#0283e4
Color InformationInverted
#fd7c1b 25% Saturated
#0083e6 Grayscale
#737373
25% Lighter
#229ffd Original
#0283e4 25% Darker
#0162ab
dodgerblue
#1e90ff 25% Desaturated
#1e7fc7 Web Safe: fuchsia
#ff00ff
rgb(2, 131, 228)
rgba(2, 131, 228, 1.0)
red: 0.7843%, yellow: 32.9898%, blue: 89.4118%
#0283e4
164836
-16612380 / 0xff0283e4
hsl(206, 98%, 45%)
hsla(206, 98%, 45%, 1.0)
hue: 206 (205.7522), saturation: 99 (99.1228), value: 89 (89.4118)
X: 22.1449, Y: 21.8469, Z: 76.4485
x: 0.1839, y: 0.1814, Y: 21.8469
L: 53.8642, a: 6.5288, b: -57.304
L: 53.8642, u: -31.4432, v: -90.2327
L: 53.8642, C: 57.6747, H: 276.4998
L: 46.7407, a: 2.7739, b: -64.2555
cyan: 99 (0.9912), magenta: 43 (0.4254), yellow: 0 (0), key: 11 (0.1059)
cyan: 99 (0.9922), magenta: 49 (0.4863), yellow: 11 (0.1059)
Y: 103.487, I: -108.0099, Q: 2.9023
Y: 103.487, U: 61.2731, V: -89.036
Y: 103.487, Db: 187.351, Dr: 193.006
Y: 104.882, Cb: 189.675, Cr: 64.482
Y: 110.507, Pb: 63.335, Pr: -68.962
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0283e4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0283e4
to White#0283e4
to Black#0283e4
foreground
<p style="color: #0283e4">#0283e4 foreground</p>
#0283e4
background
<p style="background-color: #0283e4; color: #fff">#0283e4 background</p>
#0283e4
border
<p style="border: #0283e4 3px solid">#0283e4 border</p>
#0283e4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0283e4, #fff); background: -webkit-radial-gradient(50% 50%, #0283e4, #fff); background: -o-radial-gradient(50% 50%, #0283e4, #fff); background: -ms-radial-gradient(50% 50%, #0283e4, #fff); background: radial-gradient(50% 50%, #0283e4, #fff); color: #fff">#0283e4 radial gradient</p>
#0283e4
linear gradient to complementary #e46301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0283e4, #e46301); background: -webkit-linear-gradient(top, #0283e4, #e46301); background: -o-linear-gradient(top, #0283e4, #e46301); background: -ms-linear-gradient(top, #0283e4, #e46301); background: linear-gradient(top, #0283e4, #e46301); color: #fff">
#0283e4
linear gradient to complementary #e46301
</p>
#0283e4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0283e4">#0283e4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0283e4
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 #0283e4
.
Jump to paint brand: