#334396 - Blue Highlight
Hex color #334396 is called Blue Highlight. It consists of 20% red, 26% green, and 59% blue in RGB color space. In CMYK it is 66% cyan, 55% magenta, 0% yellow, and 41% black. In HSL it is 230° hue, 49% saturation, and 39% 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 | Blue Highlight | — |
| HEX | #334396 | #334396 |
| HEXA | #334396FF | #334396FF |
| RGB | 51, 67, 150 | rgb(51, 67, 150) |
| RGBA | 51, 67, 150, 1 | rgba(51, 67, 150, 1) |
| HSL | 230%, 49%, 39% | hsl(230%, 49%, 39%) |
| CMYK | 66%, 55%, 0%, 41% | cmyk(66%, 55%, 0%, 41%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 39% (dark) | — |
Negative color
The color opposite to #334396 is #CCBC69.
Preview on black and white
As #334396 has 39% lightness, this color is dark, so it has more contrast with white.
#334396 On White Background
#334396
#334396
Text Color
This is how text looks with this color.
#334396 On Black Background
#334396
#334396
Text Color
This is how text looks with this color.
Transform color
51, 67, 150rgb(51, 67, 150)