Deep Sky Blue

Tints & Shades

Scale from white (50) through Deep Sky Blue (500) to black (900), interpolated in Lab color space.

Design Applications

Color Harmonies

Similar Colors

Color Meaning & Psychology

Blue is the world's most universally preferred color across cultures. It slows respiration, lowers blood pressure, and promotes calm — the physiological opposite of red. Blue's associations with sky and water make it feel limitless, trustworthy, and reliable. In corporate design, blue dominates banking, insurance, healthcare, and technology precisely because it communicates stability. Dark navy conveys authority and tradition; royal blues suggest quality and aspiration; sky blues feel open and optimistic; teal bridges trust with modernity. The primary limitation of blue is food — it suppresses appetite, with almost no naturally blue foods existing in nature. At medium lightness, it is the most versatile tone of this hue family — readable as text on light backgrounds, yet vibrant enough as a visual accent.

Industry Usage

Common contexts and industries where Deep Sky Blue is applied in professional design.

• Banking, insurance, and financial institutions
• Healthcare and medical device companies
• Enterprise software and SaaS platforms
• Government and public sector organizations
• Airlines and aviation brands
• Communication and social networking apps
• Cybersecurity and data protection products
• Pharmaceutical companies and clinical products

Accessibility Considerations

CSS & Code Examples

Tailwind CSS Utilities

Use arbitrary value syntax in Tailwind CSS to apply Deep Sky Blue without a custom config.

Design Tokens

Ready-to-use Deep Sky Blue design token in CSS custom properties, SCSS, Tailwind v3/v4, and JSON formats.

:root {
  --color-deep-sky-blue: #00BFFF;
  --color-deep-sky-blue-rgb: 0, 191, 255;
  --color-deep-sky-blue-hsl: 195, 100%, 50%;
}

$color-deep-sky-blue: #00BFFF;
$color-deep-sky-blue-rgb: 0, 191, 255;
$color-deep-sky-blue-hsl: 195, 100%, 50%;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'deep-sky-blue': '#00BFFF',
      },
    },
  },
};

/* tailwind.css */
@theme {
  --color-deep-sky-blue: #00BFFF;
}

{
  "deep-sky-blue": {
    "value": "#00BFFF",
    "type": "color",
    "description": "Deep Sky Blue — #00BFFF"
  }
}

Accessibility & Design Guides

Frequently Asked Questions

What is the hex code for Deep Sky Blue?

▾

The hex code for Deep Sky Blue is #00BFFF. Its RGB values are rgb(0, 191, 255) and its HSL values are hsl(195, 100%, 50%).

What does Deep Sky Blue mean in design?

▾

Blue is the world's most universally preferred color across cultures. It slows respiration, lowers blood pressure, and promotes calm — the physiological opposite of red. Blue's associations with sky and water make it feel limitless, trustworthy, and reliable. In corporate design, blue dominates banking, insurance, healthcare, and technology precisely because it communicates stability. Dark navy conveys authority and tradition; royal blues suggest quality and aspiration; sky blues feel open and optimistic; teal bridges trust with modernity. The primary limitation of blue is food — it suppresses appetite, with almost no naturally blue foods existing in nature. At medium lightness, it is the most versatile tone of this hue family — readable as text on light backgrounds, yet vibrant enough as a visual accent.

Is Deep Sky Blue WCAG accessible?

▾

Deep Sky Blue (#00BFFF) does not pass WCAG AA on white (2.12:1 ratio). Use it on dark backgrounds where it achieves 9.9:1. Its overall accessibility score is 48/100.

What colors go well with Deep Sky Blue?

▾

Deep Sky Blue pairs well with its complementary color Papaya (#FF9470). Analogous colors like Opal and Iron Gray also work harmoniously. Check the Color Harmonies section above for the full palette.

What is Deep Sky Blue used for?

▾

Deep Sky Blue is commonly used for: Banking, insurance, and financial institutions; Healthcare and medical device companies; Enterprise software and SaaS platforms; Government and public sector organizations; Airlines and aviation brands.

What are the CSS and Tailwind values for Deep Sky Blue?

▾

In CSS, use `color: #00BFFF` or `background-color: #00BFFF`. The CSS custom property is `--color-deep-sky-blue: #00BFFF`. In Tailwind CSS, use the arbitrary value class `bg-[#00BFFF]` for backgrounds or `text-[#00BFFF]` for text.