#007be4
Hex Color CodeThe hexadecimal color code #007be4
is a shade of cyan-blue. In the RGB color model #007be4
is comprised of 0% red, 48.24% green and 89.41% blue. In the HSL color space #007be4
has a hue of 207.63 degrees, 100% saturation and 44.71% lightness. This color has an approximate wavelength of 489 nm.
#007be4
Color InformationInverted
#ff841b 25% Saturated
#007be4 Grayscale
#727272
25% Lighter
#1e97ff Original
#007be4 25% Darker
#005cab
royalblue
#4169e1 25% Desaturated
#1c78c7 Web Safe: blue
#0000ff
rgb(0, 123, 228)
rgba(0, 123, 228, 1.0)
red: 0%, yellow: 31.3323%, blue: 89.4118%
#007be4
31716
-16745500 / 0xff007be4
hsl(208, 100%, 45%)
hsla(208, 100%, 45%, 1.0)
hue: 208 (207.6316), saturation: 100 (100), value: 89 (89.4118)
X: 21.0865, Y: 19.7674, Z: 76.1029
x: 0.1803, y: 0.169, Y: 19.7674
L: 51.5732, a: 11.4224, b: -60.9858
L: 51.5732, u: -29.0526, v: -95.502
L: 51.5732, C: 62.0463, H: 280.6084
L: 44.4605, a: 6.8524, b: -70.3642
cyan: 100 (1), magenta: 46 (0.4605), yellow: 0 (0), key: 11 (0.1059)
cyan: 100 (1), magenta: 52 (0.5176), yellow: 11 (0.1059)
Y: 98.193, I: -107.0057, Q: 6.6601
Y: 98.193, U: 63.8782, V: -86.146
Y: 98.193, Db: 195.315, Dr: 186.744
Y: 100.336, Cb: 192.299, Cr: 66.548
Y: 104.361, Pb: 66.645, Pr: -66.33
5PB 5/14 (approximate)
#007be4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007be4
to White#007be4
to Black#007be4
foreground
<p style="color: #007be4">#007be4 foreground</p>
#007be4
background
<p style="background-color: #007be4; color: #fff">#007be4 background</p>
#007be4
border
<p style="border: #007be4 3px solid">#007be4 border</p>
#007be4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007be4, #fff); background: -webkit-radial-gradient(50% 50%, #007be4, #fff); background: -o-radial-gradient(50% 50%, #007be4, #fff); background: -ms-radial-gradient(50% 50%, #007be4, #fff); background: radial-gradient(50% 50%, #007be4, #fff); color: #fff">#007be4 radial gradient</p>
#007be4
linear gradient to complementary #e46900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007be4, #e46900); background: -webkit-linear-gradient(top, #007be4, #e46900); background: -o-linear-gradient(top, #007be4, #e46900); background: -ms-linear-gradient(top, #007be4, #e46900); background: linear-gradient(top, #007be4, #e46900); color: #fff">
#007be4
linear gradient to complementary #e46900
</p>
#007be4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007be4">#007be4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #007be4
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 #007be4
.
Jump to paint brand: