Information about #506C77 color

#506C77 color image

Basic facts about this digital color

#506C77 falls into the Azure Color Family — Low Saturation, Neutral brightness. Its exact recipe is rgb(80, 108, 119) — 31.4% red, 42.4% green, 46.7% blue — and for print it converts to CMYK 15 / 4 / 0 / 53. New to color codes? See our guide to RGB color codes.

The color #506C77 reads as a gently muted azure and occupies the middle of the lightness scale. Designers typically reach for tones like this for versatile mid-ground roles, from cards to secondary buttons. In The Official Register of Color Names it is a hair away from Dark Electric Blue (#536878). Slightly further away sit Streetwise (#4F6971) and Cadet (#536872).

Technically, the mix leans on its blue channel (rgb(80, 108, 119)), which gives #506C77 its character. Accessibility-wise, white text works best on #506C77: 5.6:1 contrast (passing WCAG AA) versus 3.8:1 for black. No one has named #506C77 so far. Register a name for it and it becomes a permanent record.

#506C77 color variations

View this color variations of tints, shades, tones and hues.

#506C77 color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

Complementary color schemes

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

Split complementary color scheme

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.

Analogous color scheme

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

Triadic color scheme

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel.

Tetradic color scheme

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

Square color scheme

Nearest named colors to #506C77

The closest officially registered color names in the Register, ordered by similarity — your shade’s neighborhood is already being claimed.

Streetwise color link
Streetwise

#4F6971

Cadet color link
Cadet

#536872

Sabbatical color link
Sabbatical

#547377

Bismark color link
Bismark

#486C7A

Slate color link
Slate

#516572

Marble Blue color link
Marble Blue

#566D7E

Seachange color link
Seachange

#4E6E81

Black Coral color link
Black Coral

#54626F

Odyssey color link
Odyssey

#4F6D69

Stormcloud color link
Stormcloud

#4F666A

Conversions between color systems and etc.

  • HEX#506C77
  • RGB80, 108, 119
  • CMYK15, 4, 0, 53
  • CSSrgb(80, 108, 119)
  • HSL197°, 20%, 39%
  • HSL Precise196.923°, 19.598%, 39.02%
  • HSV197°, 33%, 47%
  • HSB197°, 33%, 47%
  • Normalized R (0.0–1.0)0.314
  • Normalized G (0.0–1.0)0.424
  • Normalized B (0.0–1.0)0.467
  • GLSLvec3(0.314, 0.424, 0.467)
  • GLSL with alphavec4(0.314, 0.424, 0.467, 1.000)
  • HLSL / Metalfloat3(0.314, 0.424, 0.467)
  • Percentage of Red in RGB31.4%
  • Percentage of Green in RGB42.4%
  • Percentage of Blue in RGB46.7%
  • Color FamilyAzure
  • Saturation FamilyLow Saturation
  • Lightness FamilyNeutral
  • HEX ID506C77
  • DECIMAL ID5270647
  • Name LengthThis color has no name
  • Seen by search & AI crawlers10 times
  • Counting from2025-01-01