DeepSkyBlue Color — HEX, RGB, HSL, Palettes & Contrast

DeepSkyBlue (#00bfff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#00bfff
HEX #00bfff
RGB rgb(0, 191, 255)
HSL 195°, 100%, 50%

Use DeepSkyBlue in Your Projects

About DeepSkyBlue Color

DeepSkyBlue is a bright, pure blue that evokes clear skies and open spaces. It is used in travel brands, weather apps, and clean tech interfaces.

Use Cases for DeepSkyBlue

travel brandsweather appstech interfacesclean designaviation

Shades & Tints of DeepSkyBlue

#ffffff
#bfefff
#80dfff
#40cfff
#00bfff
#008fbf
#006080
#003040
#000000

Complementary Color

#00bfff
#ff4000

Analogous Colors

#00ffbf
#00bfff
#0040ff

Triadic Colors

#00bfff
#ff00bf
#bfff00

Split Complementary

#00bfff
#ff0040
#ffbf00

Tetradic Colors

#00bfff
#4000ff
#ff4000
#bfff00

CSS Code

.deepskyblue-color {
  color: #00bfff;
  background-color: #00bfff;
}

/* As a CSS custom property */
:root {
  --color-deepskyblue: #00bfff;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DeepSkyBlue
Ratio: 9.9:1 ✓ Passes AA ✓ Passes AAA
White text on DeepSkyBlue
Ratio: 2.12:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is DeepSkyBlue?

DeepSkyBlue is represented by the hex code #00bfff and has RGB values of rgb(0, 191, 255). It falls under the Blue category.

How to use DeepSkyBlue in web design?

DeepSkyBlue works well for travel brands, weather apps, tech interfaces. DeepSkyBlue is a bright, pure blue that evokes clear skies and open spaces. It is used in travel brands, weather apps, and clean tech interfaces. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DeepSkyBlue?

Colors that pair well with DeepSkyBlue include skyblue, lightskyblue, dodgerblue, steelblue, cornflowerblue. For a complementary scheme, try #ff4000. For an analogous scheme, use #00ffbf and #0040ff. For a triadic scheme, combine with #ff00bf and #bfff00.