In a RGB color space, #336699 hex color is composed of 20% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 210 degrees, a saturation of 50% and a lightness of 40%. #336699 color hex could be obtained by blending #66ccff with #000033. #336699(or #369) is a websafe color.
The hexadecimal color #336699 has RGB values of R:51, G:102, B:153 and CMYK values of C:0.67, M:0.33, Y:0, K:0.4. Its decimal value is 3368601.
Hex triplet | 336699 | #336699 |
RGB Decimal | 51, 102, 153 | rgb(51,102,153) |
RGB Percent | 20, 40, 60 | rgb(20%,40%,60%) |
CMYK | 66.7, 33.3, 0, 40 | |
HSL | 210°, 50, 40 | hsl(210,50%,40%) |
HSV(HSB) | 210°, 66.7, 60 | |
Web Safe | 336699 | #369 |
XYZ | 11.866, 12.506, 31.926 |
xyY | 0.211, 0.222, 12.506 |
CIE-LAB | 42.01, -0.145, -32.852 |
CIE-LCH | 42.01, 32.852, 269.748 |
CIE-LUV | 42.01, -20.245, -47.564 |
Hunter-Lab | 35.364, -1.993, -28.769 |
Binary | 00110011, 01100110, 10011001 |
Below, you can see some colors close to #336699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
This text has a font color of #336699.
<span style="color:#336699">Text here</span>
This paragraph has a background color of #336699.
<p style="background-color:#336699;">Content here</p>
This element has a border color of #336699.
<div style="border:1px #336699;">Content here</div>
.text {color:#336699;}
.background {background-color:#336699;}
.border {border:1px solid #336699;}
.text-shadow {border:1px solid #336699;}
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #03060a is the darkest color, while #f9fbfd is the lightest one.
A tone is produced by adding gray to any pure hue. In this case, #5d666f is the less saturated color, while #0066cc is the most saturated one.