#345A80 - Matisse
Hex color #345A80 is called Matisse. It consists of 20% red, 35% green, and 50% blue in RGB color space. In CMYK it is 59% cyan, 30% magenta, 0% yellow, and 50% black. In HSL it is 210° hue, 42% saturation, and 35% 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 | Matisse | — |
| HEX | #345A80 | #345A80 |
| HEXA | #345A80FF | #345A80FF |
| RGB | 52, 90, 128 | rgb(52, 90, 128) |
| RGBA | 52, 90, 128, 1 | rgba(52, 90, 128, 1) |
| HSL | 210%, 42%, 35% | hsl(210%, 42%, 35%) |
| CMYK | 59%, 30%, 0%, 50% | cmyk(59%, 30%, 0%, 50%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 35% (dark) | — |
Negative color
The color opposite to #345A80 is #CBA57F.
Preview on black and white
As #345A80 has 35% lightness, this color is dark, so it has more contrast with white.
#345A80 On White Background
#345A80
#345A80
Text Color
This is how text looks with this color.
#345A80 On Black Background
#345A80
#345A80
Text Color
This is how text looks with this color.
Transform color
52, 90, 128rgb(52, 90, 128)