#336aac Color Information
In a RGB color space, hex #336aac is composed of 20% red, 41.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 38.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 212.7 degrees, a saturation of 54.3% and a lightness of 43.7%. #336aac color hex could be obtained by blending #66d4ff with #000059. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 67
-
- C 70
- M 38
- Y 0
- K 33
● #336aac color description : Dark blue.
#336aac Color Conversion
The hexadecimal color #336aac has RGB values of R:51, G:106, B:172 and CMYK values of C:0.7, M:0.38, Y:0, K:0.33. Its decimal value is 3369644.
Hex triplet | 336aac | #336aac |
---|---|---|
RGB Decimal | 51, 106, 172 | rgb(51,106,172) |
RGB Percent | 20, 41.6, 67.5 | rgb(20%,41.6%,67.5%) |
CMYK | 70, 38, 0, 33 | |
HSL | 212.7°, 54.3, 43.7 | hsl(212.7,54.3%,43.7%) |
HSV (or HSB) | 212.7°, 70.3, 67.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.218, 4.272, -40.59 |
---|---|
XYZ | 13.964, 13.989, 40.992 |
xyY | 0.203, 0.203, 13.989 |
CIE-LCH | 44.218, 40.814, 276.008 |
CIE-LUV | 44.218, -21.137, -60.512 |
Hunter-Lab | 37.402, 1.188, -38.798 |
Binary | 00110011, 01101010, 10101100 |
Color Schemes with #336aac
Alternatives to #336aac
Below, you can see some colors close to #336aac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336aac Preview
This text has a font color of #336aac.
<span style="color:#336aac;">Text here</span>
This paragraph has a background color of #336aac.
<p style="background-color:#336aac;">Content here</p>
This element has a border color of #336aac.
<div style="border:1px solid #336aac;">Content here</div>
.text {color:#336aac;}
.background {background-color:#336aac;}
.border {border:1px solid #336aac;}
Shades and Tints of #336aac
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, #020306 is the darkest color, while #f5f9fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#060d15
#060d15
rgb(6,13,21)
-
#0b1624
#0b1624
rgb(11,22,36)
-
#0f1f33
#0f1f33
rgb(15,31,51)
-
#142942
#142942
rgb(20,41,66)
-
#183251
#183251
rgb(24,50,81)
-
#1d3b60
#1d3b60
rgb(29,59,96)
-
#21456f
#21456f
rgb(33,69,111)
-
#264e7f
#264e7f
rgb(38,78,127)
-
#2a578e
#2a578e
rgb(42,87,142)
-
#2f619d
#2f619d
rgb(47,97,157)
-
#336aac
#336aac
rgb(51,106,172)
-
#3773bb
#3773bb
rgb(55,115,187)
-
#407dc6
#407dc6
rgb(64,125,198)
-
#4f87cb
#4f87cb
rgb(79,135,203)
-
#5e92cf
#5e92cf
rgb(94,146,207)
-
#6d9cd4
#6d9cd4
rgb(109,156,212)
-
#7ca6d8
#7ca6d8
rgb(124,166,216)
-
#8cb0dd
#8cb0dd
rgb(140,176,221)
-
#9bbbe1
#9bbbe1
rgb(155,187,225)
-
#aac5e6
#aac5e6
rgb(170,197,230)
-
#b9cfea
#b9cfea
rgb(185,207,234)
-
#c8daef
#c8daef
rgb(200,218,239)
-
#d7e4f3
#d7e4f3
rgb(215,228,243)
-
#e6eef8
#e6eef8
rgb(230,238,248)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #336aac
A tone is produced by adding gray to any pure hue. In this case, #6f6f70 is the less saturated color, while #0866d7 is the most saturated one.
-
#6f6f70
#6f6f70
rgb(111,111,112)
-
#666f79
#666f79
rgb(102,111,121)
-
#5e6e81
#5e6e81
rgb(94,110,129)
-
#556d8a
#556d8a
rgb(85,109,138)
-
#4d6c92
#4d6c92
rgb(77,108,146)
-
#446c9b
#446c9b
rgb(68,108,155)
-
#3c6ba3
#3c6ba3
rgb(60,107,163)
-
#336aac
#336aac
rgb(51,106,172)
-
#2a69b5
#2a69b5
rgb(42,105,181)
-
#2268bd
#2268bd
rgb(34,104,189)
-
#1968c6
#1968c6
rgb(25,104,198)
-
#1167ce
#1167ce
rgb(17,103,206)
-
#0866d7
#0866d7
rgb(8,102,215)
Color Blindness Simulator
Below, you can see how #336aac 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.