#0075ed
Hex Color CodeThe hexadecimal color code #0075ed
is a shade of cyan-blue. In the RGB color model #0075ed
is comprised of 0% red, 45.88% green and 92.94% blue. In the HSL color space #0075ed
has a hue of 210.38 degrees, 100% saturation and 46.47% lightness. This color has an approximate wavelength of 488 nm.
#0075ed
Color InformationInverted
#ff8a12 25% Saturated
#0074ec Grayscale
#767676
25% Lighter
#2992ff Original
#0075ed 25% Darker
#0057b1
royalblue
#4169e1 25% Desaturated
#1d75cf Web Safe: blue
#0000ff
rgb(0, 117, 237)
rgba(0, 117, 237, 1.0)
red: 0%, yellow: 30.7178%, blue: 92.9412%
#0075ed
30189
-16747027 / 0xff0075ed
hsl(210, 100%, 46%)
hsla(210, 100%, 46%, 1.0)
hue: 210 (210.3797), saturation: 100 (100), value: 93 (92.9412)
X: 21.6474, Y: 18.837, Z: 82.6157
x: 0.1759, y: 0.153, Y: 18.837
L: 50.496, a: 18.7254, b: -67.7683
L: 50.496, u: -26.9072, v: -105.8448
L: 50.496, C: 70.3078, H: 285.4463
L: 43.4016, a: 13.0773, b: -82.4784
cyan: 100 (1), magenta: 51 (0.5063), yellow: 0 (0), key: 7 (0.0706)
cyan: 100 (1), magenta: 54 (0.5412), yellow: 7 (0.0706)
Y: 95.697, I: -108.2503, Q: 12.5958
Y: 95.697, U: 69.5354, V: -83.9562
Y: 95.697, Db: 212.61, Dr: 182.001
Y: 98.194, Cb: 197.996, Cr: 68.117
Y: 100.719, Pb: 73.455, Pr: -64.02
5PB 5/16 (approximate)
#0075ed
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0075ed
to White#0075ed
to Black#0075ed
foreground
<p style="color: #0075ed">#0075ed foreground</p>
#0075ed
background
<p style="background-color: #0075ed; color: #fff">#0075ed background</p>
#0075ed
border
<p style="border: #0075ed 3px solid">#0075ed border</p>
#0075ed
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0075ed, #fff); background: -webkit-radial-gradient(50% 50%, #0075ed, #fff); background: -o-radial-gradient(50% 50%, #0075ed, #fff); background: -ms-radial-gradient(50% 50%, #0075ed, #fff); background: radial-gradient(50% 50%, #0075ed, #fff); color: #fff">#0075ed radial gradient</p>
#0075ed
linear gradient to complementary #ec7700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0075ed, #ec7700); background: -webkit-linear-gradient(top, #0075ed, #ec7700); background: -o-linear-gradient(top, #0075ed, #ec7700); background: -ms-linear-gradient(top, #0075ed, #ec7700); background: linear-gradient(top, #0075ed, #ec7700); color: #fff">
#0075ed
linear gradient to complementary #ec7700
</p>
#0075ed
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0075ed">#0075ed text shadow</p>
The matching paint colors are listed in order of relevancy to the #0075ed
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 #0075ed
.
Jump to paint brand: