#0275f0
Hex Color CodeThe hexadecimal color code #0275f0
is a shade of cyan-blue. In the RGB color model #0275f0
is comprised of 0.78% red, 45.88% green and 94.12% blue. In the HSL color space #0275f0
has a hue of 211.01 degrees, 98.35% saturation and 47.45% lightness. This color has an approximate wavelength of 487 nm.
#0275f0
Color InformationInverted
#fd8a0f 25% Saturated
#0074f1 Grayscale
#787878
25% Lighter
#3193fd Original
#0275f0 25% Darker
#0157b3
royalblue
#4169e1 25% Desaturated
#1f75d2 Web Safe: blue
#0000ff
rgb(2, 117, 240)
rgba(2, 117, 240, 1.0)
red: 0.7843%, yellow: 31.1904%, blue: 94.1176%
#0275f0
161264
-16615952 / 0xff0275f0
hsl(211, 98%, 47%)
hsla(211, 98%, 47%, 1.0)
hue: 211 (211.0084), saturation: 99 (99.1667), value: 94 (94.1176)
X: 22.1145, Y: 19.0268, Z: 84.945
x: 0.1754, y: 0.1509, Y: 19.0268
L: 50.7185, a: 19.947, b: -69.0832
L: 50.7185, u: -26.7293, v: -108.0181
L: 50.7185, C: 71.9053, H: 286.1055
L: 43.6197, a: 14.1623, b: -84.9277
cyan: 99 (0.9917), magenta: 51 (0.5125), yellow: 0 (0), key: 6 (0.0588)
cyan: 99 (0.9922), magenta: 54 (0.5412), yellow: 6 (0.0588)
Y: 96.637, I: -108.0227, Q: 13.9522
Y: 96.637, U: 70.5491, V: -83.0262
Y: 96.637, Db: 215.709, Dr: 179.986
Y: 99.002, Cb: 199.017, Cr: 68.782
Y: 101.361, Pb: 74.725, Pr: -63.158
5PB 5/16 (approximate)
#0275f0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0275f0
to White#0275f0
to Black#0275f0
foreground
<p style="color: #0275f0">#0275f0 foreground</p>
#0275f0
background
<p style="background-color: #0275f0; color: #fff">#0275f0 background</p>
#0275f0
border
<p style="border: #0275f0 3px solid">#0275f0 border</p>
#0275f0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0275f0, #fff); background: -webkit-radial-gradient(50% 50%, #0275f0, #fff); background: -o-radial-gradient(50% 50%, #0275f0, #fff); background: -ms-radial-gradient(50% 50%, #0275f0, #fff); background: radial-gradient(50% 50%, #0275f0, #fff); color: #fff">#0275f0 radial gradient</p>
#0275f0
linear gradient to complementary #ef7d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0275f0, #ef7d01); background: -webkit-linear-gradient(top, #0275f0, #ef7d01); background: -o-linear-gradient(top, #0275f0, #ef7d01); background: -ms-linear-gradient(top, #0275f0, #ef7d01); background: linear-gradient(top, #0275f0, #ef7d01); color: #fff">
#0275f0
linear gradient to complementary #ef7d01
</p>
#0275f0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0275f0">#0275f0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0275f0
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 #0275f0
.
Jump to paint brand: