#557D98 - Glass Sapphire
Hex color #557D98 is called Glass Sapphire. It consists of 33% red, 49% green, and 60% blue in RGB color space. In CMYK it is 44% cyan, 18% magenta, 0% yellow, and 40% black. In HSL it is 204° hue, 28% saturation, and 46% 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 | Glass Sapphire | — |
| HEX | #557D98 | #557D98 |
| HEXA | #557D98FF | #557D98FF |
| RGB | 85, 125, 152 | rgb(85, 125, 152) |
| RGBA | 85, 125, 152, 1 | rgba(85, 125, 152, 1) |
| HSL | 204%, 28%, 46% | hsl(204%, 28%, 46%) |
| CMYK | 44%, 18%, 0%, 40% | cmyk(44%, 18%, 0%, 40%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 46% (dark) | — |
Negative color
The color opposite to #557D98 is #AA8267.
Preview on black and white
As #557D98 has 46% lightness, this color is dark, so it has more contrast with white.
#557D98 On White Background
#557D98
#557D98
Text Color
This is how text looks with this color.
#557D98 On Black Background
#557D98
#557D98
Text Color
This is how text looks with this color.
Transform color
85, 125, 152rgb(85, 125, 152)