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