#0075ee
Hex Color CodeThe hexadecimal color code #0075ee
is a shade of cyan-blue. In the RGB color model #0075ee
is comprised of 0% red, 45.88% green and 93.33% blue. In the HSL color space #0075ee
has a hue of 210.5 degrees, 100% saturation and 46.67% lightness. This color has an approximate wavelength of 487 nm.
#0075ee
Color InformationInverted
#ff8a11 25% Saturated
#0074ed Grayscale
#767676
25% Lighter
#2a92ff Original
#0075ee 25% Darker
#0057b2
royalblue
#4169e1 25% Desaturated
#1d75d0 Web Safe: blue
#0000ff
rgb(0, 117, 238)
rgba(0, 117, 238, 1.0)
red: 0%, yellow: 30.7606%, blue: 93.3333%
#0075ee
30190
-16747026 / 0xff0075ee
hsl(211, 100%, 47%)
hsla(211, 100%, 47%, 1.0)
hue: 211 (210.5042), saturation: 100 (100), value: 93 (93.3333)
X: 21.7939, Y: 18.8956, Z: 83.3875
x: 0.1756, y: 0.1523, Y: 18.8956
L: 50.5649, a: 19.1159, b: -68.2158
L: 50.5649, u: -26.8703, v: -106.5792
L: 50.5649, C: 70.8436, H: 285.6543
L: 43.4691, a: 13.4228, b: -83.3086
cyan: 100 (1), magenta: 51 (0.5084), yellow: 0 (0), key: 7 (0.0667)
cyan: 100 (1), magenta: 54 (0.5412), yellow: 7 (0.0667)
Y: 95.811, I: -108.5716, Q: 12.907
Y: 95.811, U: 69.9714, V: -84.0562
Y: 95.811, Db: 213.943, Dr: 182.218
Y: 98.292, Cb: 198.435, Cr: 68.046
Y: 100.791, Pb: 73.955, Pr: -64.066
5PB 5/16 (approximate)
#0075ee
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0075ee
to White#0075ee
to Black#0075ee
foreground
<p style="color: #0075ee">#0075ee foreground</p>
#0075ee
background
<p style="background-color: #0075ee; color: #fff">#0075ee background</p>
#0075ee
border
<p style="border: #0075ee 3px solid">#0075ee border</p>
#0075ee
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0075ee, #fff); background: -webkit-radial-gradient(50% 50%, #0075ee, #fff); background: -o-radial-gradient(50% 50%, #0075ee, #fff); background: -ms-radial-gradient(50% 50%, #0075ee, #fff); background: radial-gradient(50% 50%, #0075ee, #fff); color: #fff">#0075ee radial gradient</p>
#0075ee
linear gradient to complementary #ed7900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0075ee, #ed7900); background: -webkit-linear-gradient(top, #0075ee, #ed7900); background: -o-linear-gradient(top, #0075ee, #ed7900); background: -ms-linear-gradient(top, #0075ee, #ed7900); background: linear-gradient(top, #0075ee, #ed7900); color: #fff">
#0075ee
linear gradient to complementary #ed7900
</p>
#0075ee
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0075ee">#0075ee text shadow</p>
The matching paint colors are listed in order of relevancy to the #0075ee
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 #0075ee
.
Jump to paint brand: