#0270f3
Hex Color CodeThe hexadecimal color code #0270f3
is a shade of cyan-blue. In the RGB color model #0270f3
is comprised of 0.78% red, 43.92% green and 95.29% blue. In the HSL color space #0270f3
has a hue of 212.61 degrees, 98.37% saturation and 48.04% lightness. This color has an approximate wavelength of 486 nm.
#0270f3
Color InformationInverted
#fd8f0c 25% Saturated
#006ff4 Grayscale
#7a7a7a
25% Lighter
#3490fd Original
#0270f3 25% Darker
#0153b6
royalblue
#4169e1 25% Desaturated
#2072d4 Web Safe: blue
#0000ff
rgb(2, 112, 243)
rgba(2, 112, 243, 1.0)
red: 0.7843%, yellow: 30.4028%, blue: 95.2941%
#0270f3
159987
-16617229 / 0xff0270f3
hsl(213, 98%, 48%)
hsla(213, 98%, 48%, 1.0)
hue: 213 (212.6141), saturation: 99 (99.177), value: 95 (95.2941)
X: 21.9969, Y: 18.0723, Z: 87.123
x: 0.1729, y: 0.1421, Y: 18.0723
L: 49.5837, a: 24.2922, b: -72.6
L: 49.5837, u: -25.2335, v: -112.7909
L: 49.5837, C: 76.5563, H: 288.5004
L: 42.5115, a: 17.9666, b: -91.7506
cyan: 99 (0.9918), magenta: 54 (0.5391), yellow: 0 (0), key: 5 (0.0471)
cyan: 99 (0.9922), magenta: 56 (0.5608), yellow: 5 (0.0471)
Y: 94.044, I: -107.6142, Q: 17.4985
Y: 94.044, U: 73.3014, V: -80.7513
Y: 94.044, Db: 224.123, Dr: 175.057
Y: 96.776, Cb: 201.789, Cr: 70.409
Y: 98.002, Pb: 78.15, Pr: -61.026
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#0270f3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0270f3
to White#0270f3
to Black#0270f3
foreground
<p style="color: #0270f3">#0270f3 foreground</p>
#0270f3
background
<p style="background-color: #0270f3; color: #fff">#0270f3 background</p>
#0270f3
border
<p style="border: #0270f3 3px solid">#0270f3 border</p>
#0270f3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0270f3, #fff); background: -webkit-radial-gradient(50% 50%, #0270f3, #fff); background: -o-radial-gradient(50% 50%, #0270f3, #fff); background: -ms-radial-gradient(50% 50%, #0270f3, #fff); background: radial-gradient(50% 50%, #0270f3, #fff); color: #fff">#0270f3 radial gradient</p>
#0270f3
linear gradient to complementary #f28501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0270f3, #f28501); background: -webkit-linear-gradient(top, #0270f3, #f28501); background: -o-linear-gradient(top, #0270f3, #f28501); background: -ms-linear-gradient(top, #0270f3, #f28501); background: linear-gradient(top, #0270f3, #f28501); color: #fff">
#0270f3
linear gradient to complementary #f28501
</p>
#0270f3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0270f3">#0270f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0270f3
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 #0270f3
.
Jump to paint brand: