#00badc
Hex Color CodeThe hexadecimal color code #00badc
is a shade of cyan. In the RGB color model #00badc
is comprised of 0% red, 72.94% green and 86.27% blue. In the HSL color space #00badc
has a hue of 189.27 degrees, 100% saturation and 43.14% lightness. This color has an approximate wavelength of 501 nm.
#00badc
Color InformationInverted
#ff4523 25% Saturated
#00b9dc Grayscale
#6e6e6e
25% Lighter
#14dafe Original
#00badc 25% Darker
#008ba5
deepskyblue
#00bfff 25% Desaturated
#1ba6c0 Web Safe: teal
#008080
rgb(0, 186, 220)
rgba(0, 186, 220, 1.0)
red: 0%, yellow: 39.5248%, blue: 86.2745%
#00badc
47836
-16729380 / 0xff00badc
hsl(189, 100%, 43%)
hsla(189, 100%, 43%, 1.0)
hue: 189 (189.2727), saturation: 100 (100), value: 86 (86.2745)
X: 30.4772, Y: 40.2851, Z: 73.8796
x: 0.2107, y: 0.2785, Y: 40.2851
L: 69.6721, a: -27.0485, b: -28.0352
L: 69.6721, u: -50.258, v: -40.7329
L: 69.6721, C: 38.9563, H: 226.0262
L: 63.4706, a: -25.3617, b: -24.5841
cyan: 100 (1), magenta: 15 (0.1545), yellow: 0 (0), key: 14 (0.1373)
cyan: 100 (1), magenta: 27 (0.2706), yellow: 14 (0.1373)
Y: 134.262, I: -121.7261, Q: -28.7522
Y: 134.262, U: 42.192, V: -117.7903
Y: 134.262, Db: 129.022, Dr: 255.316
Y: 131.304, Cb: 170.454, Cr: 43.932
Y: 148.83, Pb: 38.39, Pr: -94.564
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#00badc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00badc
to White#00badc
to Black#00badc
foreground
<p style="color: #00badc; background-color: #000">#00badc foreground</p>
#00badc
background
<p style="background-color: #00badc">#00badc background</p>
#00badc
border
<p style="border: #00badc 3px solid">#00badc border</p>
#00badc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00badc, #fff); background: -webkit-radial-gradient(50% 50%, #00badc, #fff); background: -o-radial-gradient(50% 50%, #00badc, #fff); background: -ms-radial-gradient(50% 50%, #00badc, #fff); background: radial-gradient(50% 50%, #00badc, #fff)">#00badc radial gradient</p>
#00badc
linear gradient to complementary #dc2100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00badc, #dc2100); background: -webkit-linear-gradient(top, #00badc, #dc2100); background: -o-linear-gradient(top, #00badc, #dc2100); background: -ms-linear-gradient(top, #00badc, #dc2100); background: linear-gradient(top, #00badc, #dc2100); color: #000">
#00badc
linear gradient to complementary #dc2100
</p>
#00badc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00badc">#00badc text shadow</p>
The matching paint colors are listed in order of relevancy to the #00badc
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 #00badc
.
Jump to paint brand: