#336aad Color Information
In a RGB color space, hex #336aad is composed of 20% red, 41.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 38.7% magenta, 0% yellow and 32.2% black. It has a hue angle of 213 degrees, a saturation of 54.5% and a lightness of 43.9%. #336aad color hex could be obtained by blending #66d4ff with #00005b. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 68
-
- C 71
- M 39
- Y 0
- K 32
● #336aad color description : Dark blue.
#336aad Color Conversion
The hexadecimal color #336aad has RGB values of R:51, G:106, B:173 and CMYK values of C:0.71, M:0.39, Y:0, K:0.32. Its decimal value is 3369645.
Hex triplet | 336aad | #336aad |
---|---|---|
RGB Decimal | 51, 106, 173 | rgb(51,106,173) |
RGB Percent | 20, 41.6, 67.8 | rgb(20%,41.6%,67.8%) |
CMYK | 71, 39, 0, 32 | |
HSL | 213°, 54.5, 43.9 | hsl(213,54.5%,43.9%) |
HSV (or HSB) | 213°, 70.5, 67.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.273, 4.64, -41.089 |
---|---|
XYZ | 14.06, 14.028, 41.5 |
xyY | 0.202, 0.202, 14.028 |
CIE-LCH | 44.273, 41.35, 276.443 |
CIE-LUV | 44.273, -21.111, -61.331 |
Hunter-Lab | 37.454, 1.465, -39.476 |
Binary | 00110011, 01101010, 10101101 |
Color Schemes with #336aad
Alternatives to #336aad
Below, you can see some colors close to #336aad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336aad Preview
This text has a font color of #336aad.
<span style="color:#336aad;">Text here</span>
This paragraph has a background color of #336aad.
<p style="background-color:#336aad;">Content here</p>
This element has a border color of #336aad.
<div style="border:1px solid #336aad;">Content here</div>
.text {color:#336aad;}
.background {background-color:#336aad;}
.border {border:1px solid #336aad;}
Shades and Tints of #336aad
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, #020406 is the darkest color, while #f6f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#060d16
#060d16
rgb(6,13,22)
-
#0b1625
#0b1625
rgb(11,22,37)
-
#0f2034
#0f2034
rgb(15,32,52)
-
#142943
#142943
rgb(20,41,67)
-
#183252
#183252
rgb(24,50,82)
-
#1d3c61
#1d3c61
rgb(29,60,97)
-
#214570
#214570
rgb(33,69,112)
-
#264e80
#264e80
rgb(38,78,128)
-
#2a578f
#2a578f
rgb(42,87,143)
-
#2f619e
#2f619e
rgb(47,97,158)
-
#336aad
#336aad
rgb(51,106,173)
-
#3773bc
#3773bc
rgb(55,115,188)
-
#407dc7
#407dc7
rgb(64,125,199)
-
#5087cb
#5087cb
rgb(80,135,203)
-
#5f92d0
#5f92d0
rgb(95,146,208)
-
#6e9cd4
#6e9cd4
rgb(110,156,212)
-
#7da6d9
#7da6d9
rgb(125,166,217)
-
#8cb1dd
#8cb1dd
rgb(140,177,221)
-
#9bbbe2
#9bbbe2
rgb(155,187,226)
-
#aac5e6
#aac5e6
rgb(170,197,230)
-
#bad0eb
#bad0eb
rgb(186,208,235)
-
#c9daef
#c9daef
rgb(201,218,239)
-
#d8e4f3
#d8e4f3
rgb(216,228,243)
-
#e7eff8
#e7eff8
rgb(231,239,248)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #336aad
A tone is produced by adding gray to any pure hue. In this case, #6f7071 is the less saturated color, while #0866d8 is the most saturated one.
-
#6f7071
#6f7071
rgb(111,112,113)
-
#676f79
#676f79
rgb(103,111,121)
-
#5e6e82
#5e6e82
rgb(94,110,130)
-
#556d8b
#556d8b
rgb(85,109,139)
-
#4d6d93
#4d6d93
rgb(77,109,147)
-
#446c9c
#446c9c
rgb(68,108,156)
-
#3c6ba4
#3c6ba4
rgb(60,107,164)
-
#336aad
#336aad
rgb(51,106,173)
-
#2a69b6
#2a69b6
rgb(42,105,182)
-
#2268be
#2268be
rgb(34,104,190)
-
#1967c7
#1967c7
rgb(25,103,199)
-
#1167cf
#1167cf
rgb(17,103,207)
-
#0866d8
#0866d8
rgb(8,102,216)
Color Blindness Simulator
Below, you can see how #336aad is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.