#577FA3 - Sapphired
Hex color #577FA3 is called Sapphired. It consists of 34% red, 50% green, and 64% blue in RGB color space. In CMYK it is 47% cyan, 22% magenta, 0% yellow, and 36% black. In HSL it is 208° hue, 30% 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 | #577FA3 | #577FA3 |
| HEXA | #577FA3FF | #577FA3FF |
| RGB | 87, 127, 163 | rgb(87, 127, 163) |
| RGBA | 87, 127, 163, 1 | rgba(87, 127, 163, 1) |
| HSL | 208%, 30%, 49% | hsl(208%, 30%, 49%) |
| CMYK | 47%, 22%, 0%, 36% | cmyk(47%, 22%, 0%, 36%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 49% (dark) | — |
Negative color
The color opposite to #577FA3 is #A8805C.
Preview on black and white
As #577FA3 has 49% lightness, this color is dark, so it has more contrast with white.
#577FA3 On White Background
#577FA3
#577FA3
Text Color
This is how text looks with this color.
#577FA3 On Black Background
#577FA3
#577FA3
Text Color
This is how text looks with this color.
Transform color
87, 127, 163rgb(87, 127, 163)