#345A89 - Handsome Blue
Hex color #345A89 is called Handsome Blue. It consists of 20% red, 35% green, and 54% blue in RGB color space. In CMYK it is 62% cyan, 34% magenta, 0% yellow, and 46% black. In HSL it is 213° hue, 45% saturation, and 37% 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 | Handsome Blue | — |
| HEX | #345A89 | #345A89 |
| HEXA | #345A89FF | #345A89FF |
| RGB | 52, 90, 137 | rgb(52, 90, 137) |
| RGBA | 52, 90, 137, 1 | rgba(52, 90, 137, 1) |
| HSL | 213%, 45%, 37% | hsl(213%, 45%, 37%) |
| CMYK | 62%, 34%, 0%, 46% | cmyk(62%, 34%, 0%, 46%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 37% (dark) | — |
Negative color
The color opposite to #345A89 is #CBA576.
Preview on black and white
As #345A89 has 37% lightness, this color is dark, so it has more contrast with white.
#345A89 On White Background
#345A89
#345A89
Text Color
This is how text looks with this color.
#345A89 On Black Background
#345A89
#345A89
Text Color
This is how text looks with this color.
Transform color
52, 90, 137rgb(52, 90, 137)