#00eaf0
Hex Color CodeThe hexadecimal color code #00eaf0
is a shade of cyan. In the RGB color model #00eaf0
is comprised of 0% red, 91.76% green and 94.12% blue. In the HSL color space #00eaf0
has a hue of 181.5 degrees, 100% saturation and 47.06% lightness. This color has an approximate wavelength of 506 nm.
#00eaf0
Color InformationInverted
#ff150f 25% Saturated
#00e9ef Grayscale
#777777
rgb(0, 234, 240)
rgba(0, 234, 240, 1.0)
red: 0%, yellow: 46.4631%, blue: 94.1176%
#00eaf0
60144
-16717072 / 0xff00eaf0
hsl(182, 100%, 47%)
hsla(182, 100%, 47%, 1.0)
hue: 182 (181.5), saturation: 100 (100), value: 94 (94.1176)
X: 45.151, Y: 65.1369, Z: 92.6311
x: 0.2225, y: 0.321, Y: 65.1369
L: 84.5542, a: -43.2902, b: -16.1392
L: 84.5542, u: -64.7697, v: -19.1508
L: 84.5542, C: 46.2008, H: 200.4462
L: 80.7074, a: -41.3779, b: -11.5542
cyan: 100 (1), magenta: 3 (0.025), yellow: 0 (0), key: 6 (0.0588)
cyan: 100 (1), magenta: 8 (0.0824), yellow: 6 (0.0588)
Y: 164.718, I: -141.3251, Q: -47.6139
Y: 164.718, U: 37.0468, V: -144.5101
Y: 164.718, Db: 113.298, Dr: 313.224
Y: 157.456, Cb: 165.266, Cr: 24.848
Y: 184.59, Pb: 29.91, Pr: -117.276
7.5BG 8/10 (approximate)
#00eaf0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00eaf0
to White#00eaf0
to Black#00eaf0
foreground
<p style="color: #00eaf0; background-color: #000">#00eaf0 foreground</p>
#00eaf0
background
<p style="background-color: #00eaf0">#00eaf0 background</p>
#00eaf0
border
<p style="border: #00eaf0 3px solid">#00eaf0 border</p>
#00eaf0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00eaf0, #fff); background: -webkit-radial-gradient(50% 50%, #00eaf0, #fff); background: -o-radial-gradient(50% 50%, #00eaf0, #fff); background: -ms-radial-gradient(50% 50%, #00eaf0, #fff); background: radial-gradient(50% 50%, #00eaf0, #fff)">#00eaf0 radial gradient</p>
#00eaf0
linear gradient to complementary #ef0500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00eaf0, #ef0500); background: -webkit-linear-gradient(top, #00eaf0, #ef0500); background: -o-linear-gradient(top, #00eaf0, #ef0500); background: -ms-linear-gradient(top, #00eaf0, #ef0500); background: linear-gradient(top, #00eaf0, #ef0500); color: #000">
#00eaf0
linear gradient to complementary #ef0500
</p>
#00eaf0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00eaf0">#00eaf0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00eaf0
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 #00eaf0
.
Jump to paint brand: