Color Charts
RGB
CMYK
RYB
#bae3f0 Hex Color CodeThe hexadecimal color code #bae3f0 is a light shade of cyan. In the RGB color model #bae3f0 is comprised of 72.94% red, 89.02% green and 94.12% blue. In the HSL color space #bae3f0 has a hue of 194.44 degrees, 64.29% saturation and 83.53% lightness. This color has an approximate wavelength of 498 nm.
#bae3f0 Color InformationInverted
#451c0f 25% Saturated
#b3e6f6 Grayscale
#d4d4d4
25% Lighter
#ffffff Original
#bae3f0 25% Darker
#62bfdc
powderblue
#b0e0e6 25% Desaturated
#c0dfe9 Web Safe: aqua
#00ffff
rgb(186, 227, 240)
rgba(186, 227, 240, 1.0)
red: 72.9412%, yellow: 82.0805%, blue: 94.1176%
#bae3f0
12248048
-4529168 / 0xffbae3f0
hsl(194, 64%, 84%)
hsla(194, 64%, 84%, 1.0)
hue: 194 (194.4444), saturation: 23 (22.5), value: 94 (94.1176)
X: 63.447, Y: 71.6685, Z: 92.9275
x: 0.2782, y: 0.3143, Y: 71.6685
L: 87.8088, a: -10.4725, b: -10.7298
L: 87.8088, u: -21.4264, v: -15.0909
L: 87.8088, C: 14.9934, H: 225.6953
L: 84.6573, a: -14.3722, b: -5.822
cyan: 23 (0.225), magenta: 5 (0.0542), yellow: 0 (0), key: 6 (0.0588)
cyan: 27 (0.2706), magenta: 11 (0.1098), yellow: 6 (0.0588)
Y: 216.223, I: -28.6008, Q: -4.6249
Y: 216.223, U: 11.7026, V: -26.5151
Y: 216.223, Db: 35.779, Dr: 57.474
Y: 201.73, Cb: 139.775, Cr: 109.078
Y: 219.203, Pb: 11.215, Pr: -21.098
10BG 9/4 approximate; exact match: Munsell 10BG 9/4 / #b5effc
#bae3f0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#bae3f0 to White#bae3f0 to Black#bae3f0 foreground
<p style="color: #bae3f0; background-color: #000">#bae3f0 foreground</p>
#bae3f0 background
<p style="background-color: #bae3f0">#bae3f0 background</p>
#bae3f0 border
<p style="border: #bae3f0 3px solid">#bae3f0 border</p>
#bae3f0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #bae3f0, #fff); background: -webkit-radial-gradient(50% 50%, #bae3f0, #fff); background: -o-radial-gradient(50% 50%, #bae3f0, #fff); background: -ms-radial-gradient(50% 50%, #bae3f0, #fff); background: radial-gradient(50% 50%, #bae3f0, #fff)">#bae3f0 radial gradient</p>
#bae3f0 linear gradient to complementary #f0c6b9
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #bae3f0, #f0c6b9); background: -webkit-linear-gradient(top, #bae3f0, #f0c6b9); background: -o-linear-gradient(top, #bae3f0, #f0c6b9); background: -ms-linear-gradient(top, #bae3f0, #f0c6b9); background: linear-gradient(top, #bae3f0, #f0c6b9); color: #000">#bae3f0 linear gradient to complementary #f0c6b9</p>
#bae3f0 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #bae3f0">#bae3f0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #bae3f0 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 #bae3f0.
Jump to paint brand: