#677F9E - Bay View
Hex color #677F9E is called Bay View. It consists of 40% red, 50% green, and 62% blue in RGB color space. In CMYK it is 35% cyan, 20% magenta, 0% yellow, and 38% black. In HSL it is 214° hue, 22% saturation, and 51% 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.
| Property | Value | CSS |
|---|---|---|
| Name | Bay View | — |
| HEX | #677F9E | #677F9E |
| HEXA | #677F9EFF | #677F9EFF |
| RGB | 103, 127, 158 | rgb(103, 127, 158) |
| RGBA | 103, 127, 158, 1 | rgba(103, 127, 158, 1) |
| HSL | 214%, 22%, 51% | hsl(214%, 22%, 51%) |
| CMYK | 35%, 20%, 0%, 38% | cmyk(35%, 20%, 0%, 38%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 51% (light) | — |
Negative color
The color opposite to #677F9E is #988061.
Preview on black and white
As #677F9E has 51% lightness, this color is dark, so it has more contrast with white.
#677F9E On White Background
#677F9E
#677F9E
Text Color
This is how text looks with this color.
#677F9E On Black Background
#677F9E
#677F9E
Text Color
This is how text looks with this color.
Transform color
103, 127, 158rgb(103, 127, 158)