Skip to main content

#678BBE - Faded Blue

Hex color #678BBE is called Faded Blue. It consists of 40% red, 55% green, and 75% blue in RGB color space. In CMYK it is 46% cyan, 27% magenta, 0% yellow, and 25% black. In HSL it is 215° hue, 40% saturation, and 57% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.

PropertyValueCSS
Name
Faded Blue
HEX
#678BBE
#678BBE
HEXA
#678BBEFF
#678BBEFF
RGB
103, 139, 190
rgb(103, 139, 190)
RGBA
103, 139, 190, 1
rgba(103, 139, 190, 1)
HSL
215%, 40%, 57%
hsl(215%, 40%, 57%)
CMYK
46%, 27%, 0%, 25%
cmyk(46%, 27%, 0%, 25%)
CSS Name
Tailwind Name
Lightness
57% (light)
As you see on the table, not all names are available for this color.
  • The closest color with CSS name is #4682b4 (steelblue)
  • The closest color with Tailwind name is #7986cb (indigo-300)

Tints of #678BBE

Shades of #678BBE

Monochromatic Colors of #678BBE

Triadic colors of #678BBE

Negative color

The color opposite to #678BBE is #987441.

Preview on black and white

As #678BBE has 57% lightness, this color is light, so it has more contrast with black.

#678BBE On White Background

#678BBE
#678BBE
Text Color

This is how text looks with this color.

#678BBE On Black Background

#678BBE
#678BBE
Text Color

This is how text looks with this color.

Transform color

#678BBE
103, 139, 190
rgb(103, 139, 190)