Ocean Blue Color Code

HEX

#0077BE

RGB

rgb(0, 119, 190)

HSL

hsl(202, 100%, 37%)

CMYK

0%, 37%, 0%, 25%

About Ocean Blue

Ocean Blue is a captivating shade that mirrors the deep, tranquil waters of the ocean. This rich and versatile color evokes feelings of serenity, depth, and tranquility, making it a popular choice in various design fields.

Psychology

Ocean Blue is known to:

  • Promote feelings of calmness and relaxation
  • Encourage clarity of thought and focus
  • Inspire feelings of trust and reliability

Usage

This refreshing color works well in:

  • Branding for businesses in the health and wellness sector
  • Interior design to create soothing environments
  • Digital platforms to enhance user experience and trust
  • Fashion, especially in swimwear and outdoor apparel

Combinations

Ocean Blue pairs beautifully with:

  • Sandy Beige ( #F5DEB3 )
  • Coral ( #FF6B6B )
  • Soft White ( #FFFFFF )
  • Forest Green ( #228B22 )

Ocean Blue shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Ocean Blue

Complementary

hsl(22, 100%, 37%)

Analogous

hsl(232, 100%, 37%)

Triadic

hsl(322, 100%, 37%)

Ocean Blue color values and uses

Ocean Blue is represented here by #0077BE. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(0, 119, 190); HSL hsl(202, 100%, 37%) describes hue, saturation, and lightness, while CMYK 0%, 37%, 0%, 25% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use ocean blue alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Ocean Blue

What is the hex code of Ocean Blue?

The hex code of Ocean Blue is #0077BE.

What is the RGB value of Ocean Blue?

The RGB value is rgb(0, 119, 190), with red, green, and blue channels shown in that order.

What colors go with Ocean Blue?

Ocean Blue can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Ocean Blue?

The HSL value is hsl(202, 100%, 37%); the approximate CMYK conversion is 0%, 37%, 0%, 25%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors