MATSEOTOOLS

Loading

MATSEOTOOLS brings everything you need in one place — from AI tools List, color Library, SEO analyzers, image processing, conversion utilities, text tools, and developer tools to ready-to-use AI prompts & informative blogs. Save time, boost creativity, and get work done faster than ever.

Beau blue

Beau blue

Beau Blue is a soft, pastel blue with airy tranquility, ideal for calm, minimal designs, serene backgrounds, and soothing spaces.

Color Name: Beau blue
HEX: #BCD4E6
×

Color Information

HEX
#BCD4E6
RGB
188, 212, 230
HSL
206°, 46%, 82%
HSV
206°, 18%, 90%
CMYK
18%, 8%, 0%, 10%
LAB
83.7, -4.28, -11.55
XYZ
58.56, 63.49, 84.02
xyY
0.28, 0.31, 63.49
LCH
83.7, 12.32, 249.67
Web Safe
#CCCCFF
RGB Percent
73.73%, 83.14%, 90.2%
Binary (RGB)
10111100 11010100 11100110

CSS Color Code (#BCD4E6)

CSS
.color-white {
  color: #bcd4e6;
}

.color-white-bg {
  background-color: #bcd4e6;
}

.color-white-border {
  border-color: #bcd4e6;
}

HTML Color Code (#BCD4E6)

Selected HEX
#BCD4E6
HTML
<div class="color-sample" style="background-color: #bcd4e6; padding: 15px; border-radius: 4px; color: #000;">
                  <span style="display: block; font-weight: bold;">White</span>
                  <span style="display: block; font-family: monospace;">#bcd4e6</span>
                </div>

Contrast Ratio

Contrast ratio measures the difference in brightness between foreground and background colors.

  • AA (minimum): 4.5:1 for normal text, 3:1 for large text
  • AAA (enhanced): 7:1 for normal text, 4.5:1 for large text

Alternatives to Color (#BCD4E6)

Click any swatch to copy hex.

Color Schemes Color (#BCD4E6)

Complementary
Analogous
Split Complementary
Triadic
Tetradic
Monochromatic

Shades & Tints

Shades of Color (#BCD4E6) (Darker)

Tints of Color (#BCD4E6) (Lighter)

Color Blindness Simulator of Color (#BCD4E6)

Normal Vision
Simulated: #BCD4E6
Original color for comparison
Monochromacy
Simulated: #D0D0D0
Achromatopsia (no color vision)
Protanopia
Simulated: #C6C7E2
Red-blind (L-cones missing)
Deuteranopia
Simulated: #C5C3E1
Green-blind (M-cones missing)
Tritanopia
Simulated: #BDDEDD
Blue-blind (S-cones missing)
Protanomaly
Simulated: #C0CCE4
Red-weak (L-cones defective)
Deuteranomaly
Simulated: #C1CEE3
Green-weak (M-cones defective)
Tritanomaly
Simulated: #BDD9E3
Blue-weak (S-cones defective)
imgSome Question

Frequently Asked Questions

#BCD4E6. You can click any HEX on this page to copy it.

RGB is 188, 212, 230.

Beau Blue is a soft, pastel blue with airy tranquility, ideal for calm, minimal designs, serene backgrounds, and soothing spaces.

.color-white { color: #bcd4e6; } .color-white-bg { background-color: #bcd4e6; } .color-white-border { border-color: #bcd4e6; } You can copy CSS from the code box above.

White #bcd4e6 A Copy button is provided next to the HTML code.

Beau blue is listed as a shade of Shades of White.

Beau blue is categorized under “color”. Explore more at color.

Yes. Use the “Download PNG” button in the Visual color section to export a solid swatch. You can set custom width × height.

Yes. An image is shown on this page. Click it to copy the image URL.

Explore All Color Code Formats

Quickly browse through various color code models — click below to view and copy swatch-ready color codes instantly.

All-In-One Powerful Toolkit

Create, Convert, Optimize & Grow — All In One Platform

MATSEOTOOLS brings everything you need in one place — from AI tools List, color Library, SEO analyzers, image processing, conversion utilities, text tools, and developer tools to ready-to-use AI prompts & infomative blogs. Save time, boost creativity, and get work done faster than ever.

  • Access 100+ tools for creativity, marketing ideas, SEO, and development.
  • AI Library with pre-built prompts to generate perfect content instantly.
  • Color, Image, Dev & Conversion Tools — fast, simple and web based.
  • Blogs, FAQs & tutorials to learn and improve productivity.
Explore Tools
AI feature illustration
Popular Tools

Explore Our Online Conversion Tools

Fast, lightweight, and delightful utilities for everyday work.

Explore Our AI prompts categories

Explore curated prompts that help you think less and create more — faster, smarter, and effortlessly. Discover ideas instantly, stay focused on what matters, and let creativity flow without the guesswork.

decor News & Blog

Explore Our Latest News & Blog