#336cae Color Information
In a RGB color space, hex #336cae is composed of 20% red, 42.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 37.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 212.2 degrees, a saturation of 54.7% and a lightness of 44.1%. #336cae color hex could be obtained by blending #66d8ff with #00005d. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 68
-
- C 71
- M 38
- Y 0
- K 32
● #336cae color description : Dark blue.
#336cae Color Conversion
The hexadecimal color #336cae has RGB values of R:51, G:108, B:174 and CMYK values of C:0.71, M:0.38, Y:0, K:0.32. Its decimal value is 3370158.
Hex triplet | 336cae | #336cae |
---|---|---|
RGB Decimal | 51, 108, 174 | rgb(51,108,174) |
RGB Percent | 20, 42.4, 68.2 | rgb(20%,42.4%,68.2%) |
CMYK | 71, 38, 0, 32 | |
HSL | 212.2°, 54.7, 44.1 | hsl(212.2,54.7%,44.1%) |
HSV (or HSB) | 212.2°, 70.7, 68.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.919, 3.758, -40.649 |
---|---|
XYZ | 14.366, 14.484, 42.081 |
xyY | 0.203, 0.204, 14.484 |
CIE-LCH | 44.919, 40.822, 275.282 |
CIE-LUV | 44.919, -21.761, -60.777 |
Hunter-Lab | 38.058, 0.779, -38.917 |
Binary | 00110011, 01101100, 10101110 |
Color Schemes with #336cae
Alternatives to #336cae
Below, you can see some colors close to #336cae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336cae Preview
This text has a font color of #336cae.
<span style="color:#336cae;">Text here</span>
This paragraph has a background color of #336cae.
<p style="background-color:#336cae;">Content here</p>
This element has a border color of #336cae.
<div style="border:1px solid #336cae;">Content here</div>
.text {color:#336cae;}
.background {background-color:#336cae;}
.border {border:1px solid #336cae;}
Shades and Tints of #336cae
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, #020407 is the darkest color, while #f7fafd is the lightest one.
-
#020407
#020407
rgb(2,4,7)
-
#070e16
#070e16
rgb(7,14,22)
-
#0b1725
#0b1725
rgb(11,23,37)
-
#0f2135
#0f2135
rgb(15,33,53)
-
#142a44
#142a44
rgb(20,42,68)
-
#183453
#183453
rgb(24,52,83)
-
#1d3d62
#1d3d62
rgb(29,61,98)
-
#214671
#214671
rgb(33,70,113)
-
#265080
#265080
rgb(38,80,128)
-
#2a5990
#2a5990
rgb(42,89,144)
-
#2f639f
#2f639f
rgb(47,99,159)
-
#336cae
#336cae
rgb(51,108,174)
-
#3775bd
#3775bd
rgb(55,117,189)
-
#417fc7
#417fc7
rgb(65,127,199)
-
#5089cc
#5089cc
rgb(80,137,204)
-
#5f94d0
#5f94d0
rgb(95,148,208)
-
#6e9ed5
#6e9ed5
rgb(110,158,213)
-
#7ea8d9
#7ea8d9
rgb(126,168,217)
-
#8db2de
#8db2de
rgb(141,178,222)
-
#9cbce2
#9cbce2
rgb(156,188,226)
-
#abc7e6
#abc7e6
rgb(171,199,230)
-
#bad1eb
#bad1eb
rgb(186,209,235)
-
#c9dbef
#c9dbef
rgb(201,219,239)
-
#d9e5f4
#d9e5f4
rgb(217,229,244)
-
#e8eff8
#e8eff8
rgb(232,239,248)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #336cae
A tone is produced by adding gray to any pure hue. In this case, #707071 is the less saturated color, while #0869d9 is the most saturated one.
-
#707071
#707071
rgb(112,112,113)
-
#67707a
#67707a
rgb(103,112,122)
-
#5e6f83
#5e6f83
rgb(94,111,131)
-
#566f8b
#566f8b
rgb(86,111,139)
-
#4d6e94
#4d6e94
rgb(77,110,148)
-
#446d9d
#446d9d
rgb(68,109,157)
-
#3c6da5
#3c6da5
rgb(60,109,165)
-
#336cae
#336cae
rgb(51,108,174)
-
#2a6bb7
#2a6bb7
rgb(42,107,183)
-
#226bbf
#226bbf
rgb(34,107,191)
-
#196ac8
#196ac8
rgb(25,106,200)
-
#1069d1
#1069d1
rgb(16,105,209)
-
#0869d9
#0869d9
rgb(8,105,217)
Color Blindness Simulator
Below, you can see how #336cae 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.