Search Colors

Functional Blue Color

HEX #3F6086 / RGB (63, 96, 134)

Suit jacket

What is Functional Blue Color?

Functional Blue (Hex code: 3F6086) Thumbnail

Functional Blue has the hex code #3F6086. The equivalent RGB values are (63, 96, 134), which means it is composed of 22% red, 33% green and 46% blue. The CMYK color codes, used in printers, are C:53 M:28 Y:0 K:48. In the HSV/HSB scale, Functional Blue has a hue of 212°, 53% saturation and a brightness value of 53%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Functional Blue is from the RAL Design list where it is included with the number 270 40 25. RAL is a popular color matching system used in several European countries like Germany, Italy, France and the United Kingdom. RAL Design, which has colors for interiors, is different from the RAL Classic list.

Functional Blue color hex code is #3F6086 which can be used along with RGB (63, 96, 134) or HSL values in HTML and/or CSS to display the color on web pages. Please note that the corresponding CMYK values and the Pantone (PMS) number listed on this page have been calculated from the hexadecimal color code and are only approximations.

Download Functional Blue Solid Color Background

Functional Blue Color Codes

Hex Code#3F6086
RGB Values(63, 96, 134)
CMYK Values(53%, 28%, 0%, 48%)
HSV/HSB Values(212°, 53%, 53%)
Closest Web Safe#336699
Inverse Color#C09F79 [Pale Taupe]
Closest Pantone®7699 C
Closest RAL5007 [Brilliant blue]
Complementary Color#86653F [Raw Umber]
Functional Blue Converted to Grayscale Codes
Simple Average#626262
Weighted Average (Most Common)#5A5A5A
Weighted Average (Luma)#5C5C5C
Weighted Average (Gamma Adjusted)#9C9C9C

Functional Blue Color Palettes

Complementary color palette of 3F6086. Complementary color is 86653F

Complementary Palette

The complement of Functional Blue is Raw Umber with the hex code #86653F. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #3F6086 color is offered by #86653F. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

3F6086 86653F
Analogous color palette with (3F6086, 423F86 and 3F8486)

Analogous Palette

The analogous colors of Functional Blue (#3F6086) are Dark Slate Blue (#423F86) and Jelly Bean Blue (#3F8486). In the RGB color wheel, these two analogous colors occur to the right and left of Functional Blue with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

3F6086 423F86 3F8486
Split Complementary color palette with (3F6086, 86423F and 84863F)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Functional Blue (#3F6086) are #86423F (Brandy) and #84863F (Old Moss Green). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

3F6086 86423F 84863F
Triadic color palette with (3F6086, 863F60 and 60863F)

Triadic Palette

Functional Blue triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #863F60 (Deep Ruby) and #60863F (Maximum Green) along with #3F6086 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

3F6086 863F60 60863F
Tetradic color palette with (3F6086, 863F60, 86653F and 3F8665)

Tetradic Palette

The tetradic palette of Functional Blue has four colors - #863F60 (Deep Ruby), #86653F (Raw Umber) and #3F8665 (Deep Aquamarine) in addition to the base color (#3F6086). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

3F6086 863F60 86653F 3F8665
Square color palette with (3F6086, 863F84, 86653F and 3F8642)

Square Palette

Functional Blue square color palette has #863F84 (Plum), #86653F (Raw Umber) and #3F8642 (May Green). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

3F6086 863F84 86653F 3F8642
Rainbow color

Functional Blue Color Rainbow Palette

Our Functional Blue rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

3F6086 5B3F86 863F74 86463F 86833F 4C863F 3F866F

Tints, Tones & Shades of Functional Blue Color


  • Transparent 65809E65809E
  • Transparent 7990AA7990AA
  • Transparent 8CA0B68CA0B6
  • Transparent 9FB0C39FB0C3
  • Transparent B2BFCFB2BFCF
  • Transparent C5CFDBC5CFDB
  • Transparent D9DFE7D9DFE7
  • Transparent ECEFF3ECEFF3


  • Transparent 4C66854C6685
  • Transparent 536A84536A84
  • Transparent 596D84596D84
  • Transparent 607083607083
  • Transparent 667382667382
  • Transparent 6D76826D7682
  • Transparent 737A81737A81
  • Transparent 7A7D817A7D81


  • Transparent 324D6B324D6B
  • Transparent 2C435E2C435E
  • Transparent 263A50263A50
  • Transparent 203043203043
  • Transparent 192636192636
  • Transparent 131D28131D28
  • Transparent 0D131B0D131B
  • Transparent 060A0D060A0D

Functional Blue Color Patterns

  • Transparent

    Functional Blue Gingham Checks

  • Transparent

    Functional Blue Vertical Stripes Pattern

  • Transparent

    Functional Blue Polka Dots Pattern

  • Transparent

    Functional Blue Honeycomb Pattern

  • Transparent

    Functional Blue Leaves Pattern

  • Transparent

    Functional Blue Houndstooth Pattern

  • Transparent

    Functional Blue Trellis Pattern

  • Transparent

    Functional Blue Plaid Pattern

Functional Blue Color Interior Ideas

Pretty Photo frame on Functional Blue color drawing room interior textured wall

Functional Blue Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Functional Blue color Living room wal color

Functional Blue Color Living Room Wall Paint Idea

Pretty Photo frame on Functional Blue color Bedroom interior wall color

Functional Blue Color Bedroom Wall Paint Idea

Pretty Photo frame on Functional Blue color kitchen interior wall color

Functional Blue Color Kitchen Wall Paint Idea

Photo credits: