#577EA5 - Sapphired
Hex color #577EA5 is called Sapphired. It consists of 34% red, 49% green, and 65% blue in RGB color space. In CMYK it is 47% cyan, 24% magenta, 0% yellow, and 35% black. In HSL it is 210° hue, 31% 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 | Sapphired | — |
| HEX | #577EA5 | #577EA5 |
| HEXA | #577EA5FF | #577EA5FF |
| RGB | 87, 126, 165 | rgb(87, 126, 165) |
| RGBA | 87, 126, 165, 1 | rgba(87, 126, 165, 1) |
| HSL | 210%, 31%, 49% | hsl(210%, 31%, 49%) |
| CMYK | 47%, 24%, 0%, 35% | cmyk(47%, 24%, 0%, 35%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 49% (dark) | — |
Negative color
The color opposite to #577EA5 is #A8815A.
Preview on black and white
As #577EA5 has 49% lightness, this color is dark, so it has more contrast with white.
#577EA5 On White Background
#577EA5
#577EA5
Text Color
This is how text looks with this color.
#577EA5 On Black Background
#577EA5
#577EA5
Text Color
This is how text looks with this color.
Transform color
87, 126, 165rgb(87, 126, 165)