#146683 - Blue Sapphire
Hex color #146683 is called Blue Sapphire. It consists of 8% red, 40% green, and 51% blue in RGB color space. In CMYK it is 85% cyan, 22% magenta, 0% yellow, and 49% black. In HSL it is 196° hue, 74% saturation, and 30% 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 Sapphire | — |
| HEX | #146683 | #146683 |
| HEXA | #146683FF | #146683FF |
| RGB | 20, 102, 131 | rgb(20, 102, 131) |
| RGBA | 20, 102, 131, 1 | rgba(20, 102, 131, 1) |
| HSL | 196%, 74%, 30% | hsl(196%, 74%, 30%) |
| CMYK | 85%, 22%, 0%, 49% | cmyk(85%, 22%, 0%, 49%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 30% (dark) | — |
Negative color
The color opposite to #146683 is #EB997C.
Preview on black and white
As #146683 has 30% lightness, this color is dark, so it has more contrast with white.
#146683 On White Background
#146683
#146683
Text Color
This is how text looks with this color.
#146683 On Black Background
#146683
#146683
Text Color
This is how text looks with this color.
Transform color
20, 102, 131rgb(20, 102, 131)