#304348 - Little Mermaid
Hex color #304348 is called Little Mermaid. It consists of 19% red, 26% green, and 28% blue in RGB color space. In CMYK it is 33% cyan, 7% magenta, 0% yellow, and 72% black. In HSL it is 193° hue, 20% saturation, and 24% 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 | Little Mermaid | — |
| HEX | #304348 | #304348 |
| HEXA | #304348FF | #304348FF |
| RGB | 48, 67, 72 | rgb(48, 67, 72) |
| RGBA | 48, 67, 72, 1 | rgba(48, 67, 72, 1) |
| HSL | 193%, 20%, 24% | hsl(193%, 20%, 24%) |
| CMYK | 33%, 7%, 0%, 72% | cmyk(33%, 7%, 0%, 72%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 24% (dark) | — |
Negative color
The color opposite to #304348 is #CFBCB7.
Preview on black and white
As #304348 has 24% lightness, this color is dark, so it has more contrast with white.
#304348 On White Background
#304348
#304348
Text Color
This is how text looks with this color.
#304348 On Black Background
#304348
#304348
Text Color
This is how text looks with this color.
Transform color
48, 67, 72rgb(48, 67, 72)