#027fd4
Hex Color CodeThe hexadecimal color code #027fd4
is a shade of cyan-blue. In the RGB color model #027fd4
is comprised of 0.78% red, 49.8% green and 83.14% blue. In the HSL color space #027fd4
has a hue of 204.29 degrees, 98.13% saturation and 41.96% lightness. This color has an approximate wavelength of 491 nm.
#027fd4
Color InformationInverted
#fd802b 25% Saturated
#007fd6 Grayscale
#6b6b6b
25% Lighter
#0e9cfc Original
#027fd4 25% Darker
#015f9f
dodgerblue
#1e90ff 25% Desaturated
#1c79b9 Web Safe: blue
#0000ff
rgb(2, 127, 212)
rgba(2, 127, 212, 1.0)
red: 0.7843%, yellow: 31.513%, blue: 83.1373%
#027fd4
163796
-16613420 / 0xff027fd4
hsl(204, 98%, 42%)
hsla(204, 98%, 42%, 1.0)
hue: 204 (204.2857), saturation: 99 (99.0566), value: 83 (83.1373)
X: 19.4981, Y: 19.9451, Z: 65.1095
x: 0.1865, y: 0.1908, Y: 19.9451
L: 51.7751, a: 2.7521, b: -51.6431
L: 51.7751, u: -31.0321, v: -80.1667
L: 51.7751, C: 51.7164, H: 273.0505
L: 44.66, a: -0.2237, b: -55.1766
cyan: 99 (0.9906), magenta: 40 (0.4009), yellow: 0 (0), key: 17 (0.1686)
cyan: 99 (0.9922), magenta: 50 (0.502), yellow: 17 (0.1686)
Y: 99.315, I: -101.7719, Q: 0.0145
Y: 99.315, U: 55.4525, V: -85.3758
Y: 99.315, Db: 169.555, Dr: 185.07
Y: 101.298, Cb: 183.815, Cr: 67.09
Y: 106.495, Pb: 56.875, Pr: -66.41
2.5PB 5/12 (approximate)
#027fd4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#027fd4
to White#027fd4
to Black#027fd4
foreground
<p style="color: #027fd4">#027fd4 foreground</p>
#027fd4
background
<p style="background-color: #027fd4; color: #fff">#027fd4 background</p>
#027fd4
border
<p style="border: #027fd4 3px solid">#027fd4 border</p>
#027fd4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #027fd4, #fff); background: -webkit-radial-gradient(50% 50%, #027fd4, #fff); background: -o-radial-gradient(50% 50%, #027fd4, #fff); background: -ms-radial-gradient(50% 50%, #027fd4, #fff); background: radial-gradient(50% 50%, #027fd4, #fff); color: #fff">#027fd4 radial gradient</p>
#027fd4
linear gradient to complementary #d45601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #027fd4, #d45601); background: -webkit-linear-gradient(top, #027fd4, #d45601); background: -o-linear-gradient(top, #027fd4, #d45601); background: -ms-linear-gradient(top, #027fd4, #d45601); background: linear-gradient(top, #027fd4, #d45601); color: #fff">
#027fd4
linear gradient to complementary #d45601
</p>
#027fd4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #027fd4">#027fd4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #027fd4
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 #027fd4
.
Jump to paint brand: