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.

Calm Sky Blue

Calm Sky Blue

A calming blue reminiscent of a clear, sunny sky. It brings freshness and serenity, often used in designs that aim for a peaceful, open, and airy vibe.

Color Name: Calm Sky Blue
HEX: #31A1B4
×

Color Information

HEX
#31A1B4
RGB
49, 161, 180
HSL
189°, 57%, 45%
HSV
189°, 73%, 71%
CMYK
73%, 11%, 0%, 29%
LAB
61.16, -24.47, -18.83
XYZ
22.25, 29.44, 47.68
xyY
0.22, 0.3, 29.44
LCH
61.16, 30.88, 217.58
Web Safe
#3399CC
RGB Percent
19.22%, 63.14%, 70.59%
Binary (RGB)
00110001 10100001 10110100

CSS Color Code (#31A1B4)

CSS
.color-cyan {
  color: #31A1B4;
}

.color-cyan-bg {
  background-color: #31A1B4;
}

.color-cyan-border {
  border-color: #31A1B4;
}

HTML Color Code (#31A1B4)

Selected HEX
#31A1B4
HTML
<div class="color-sample" style="background-color: #31A1B4; padding: 15px; border-radius: 4px; color: #000;">
                  <span style="display: block; font-weight: bold;">Cyan</span>
                  <span style="display: block; font-family: monospace;">#31A1B4</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 (#31A1B4)

Click any swatch to copy hex.

Color Schemes Color (#31A1B4)

Complementary
Analogous
Split Complementary
Triadic
Tetradic
Monochromatic

Shades & Tints

Shades of Color (#31A1B4) (Darker)

Tints of Color (#31A1B4) (Lighter)

Color Blindness Simulator of Color (#31A1B4)

Normal Vision
Simulated: #31A1B4
Original color for comparison
Monochromacy
Simulated: #8B8B8B
Achromatopsia (no color vision)
Protanopia
Simulated: #6163AF
Red-blind (L-cones missing)
Deuteranopia
Simulated: #5B53AE
Green-blind (M-cones missing)
Tritanopia
Simulated: #37ACAB
Blue-blind (S-cones missing)
Protanomaly
Simulated: #457CB2
Red-weak (L-cones defective)
Deuteranomaly
Simulated: #4784B1
Green-weak (M-cones defective)
Tritanomaly
Simulated: #35A6B1
Blue-weak (S-cones defective)
imgSome Question

Frequently Asked Questions

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

RGB is 49, 161, 180.

A calming blue reminiscent of a clear, sunny sky. It brings freshness and serenity, often used in designs that aim for a peaceful, open, and airy vibe.

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

Cyan #31A1B4 A Copy button is provided next to the HTML code.

Calm Sky Blue is listed as a shade of Shades of Cyan.

Calm Sky 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