#507AAA - Sage Blossom Blue
Hex color #507AAA is called Sage Blossom Blue. It consists of 31% red, 48% green, and 67% blue in RGB color space. In CMYK it is 53% cyan, 28% magenta, 0% yellow, and 33% black. In HSL it is 212° hue, 36% saturation, and 49% lightness (dark) . 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 | Sage Blossom Blue | — |
| HEX | #507AAA | #507AAA |
| HEXA | #507AAAFF | #507AAAFF |
| RGB | 80, 122, 170 | rgb(80, 122, 170) |
| RGBA | 80, 122, 170, 1 | rgba(80, 122, 170, 1) |
| HSL | 212%, 36%, 49% | hsl(212%, 36%, 49%) |
| CMYK | 53%, 28%, 0%, 33% | cmyk(53%, 28%, 0%, 33%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 49% (dark) | — |
Negative color
The color opposite to #507AAA is #AF8555.
Preview on black and white
As #507AAA has 49% lightness, this color is dark, so it has more contrast with white.
#507AAA On White Background
#507AAA
#507AAA
Text Color
This is how text looks with this color.
#507AAA On Black Background
#507AAA
#507AAA
Text Color
This is how text looks with this color.
Transform color
80, 122, 170rgb(80, 122, 170)