Skip to main content

#314387 - Official Violet

Hex color #314387 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.

PropertyValueCSS
Name
Official Violet
HEX
#314387
#314387
HEXA
#314387FF
#314387FF
RGB
49, 67, 135
rgb(49, 67, 135)
RGBA
49, 67, 135, 1
rgba(49, 67, 135, 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)
As you see on the table, not all names are available for this color.
  • The closest color with CSS name is #483d8b (darkslateblue)
  • The closest color with Tailwind name is #01579b (light-blue-900)

Tints of #314387

Shades of #314387

Monochromatic Colors of #314387

Triadic colors of #314387

Negative color

The color opposite to #314387 is #CEBC78.

Preview on black and white

As #314387 has 36% lightness, this color is dark, so it has more contrast with white.

#314387 On White Background

#314387
#314387
Text Color

This is how text looks with this color.

#314387 On Black Background

#314387
#314387
Text Color

This is how text looks with this color.

Transform color

#314387
49, 67, 135
rgb(49, 67, 135)