#336ab2 Color Information
In a RGB color space, hex #336ab2 is composed of 20% red, 41.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 40.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 214 degrees, a saturation of 55.5% and a lightness of 44.9%. #336ab2 color hex could be obtained by blending #66d4ff with #000065. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 70
-
- C 71
- M 40
- Y 0
- K 30
● #336ab2 color description : Dark blue.
#336ab2 Color Conversion
The hexadecimal color #336ab2 has RGB values of R:51, G:106, B:178 and CMYK values of C:0.71, M:0.4, Y:0, K:0.3. Its decimal value is 3369650.
Hex triplet | 336ab2 | #336ab2 |
---|---|---|
RGB Decimal | 51, 106, 178 | rgb(51,106,178) |
RGB Percent | 20, 41.6, 69.8 | rgb(20%,41.6%,69.8%) |
CMYK | 71, 40, 0, 30 | |
HSL | 214°, 55.5, 44.9 | hsl(214,55.5%,44.9%) |
HSV (or HSB) | 214°, 71.3, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.554, 6.483, -43.567 |
---|---|
XYZ | 14.553, 14.225, 44.096 |
xyY | 0.2, 0.195, 14.225 |
CIE-LCH | 44.554, 44.047, 278.464 |
CIE-LUV | 44.554, -20.987, -65.405 |
Hunter-Lab | 37.716, 2.873, -42.917 |
Binary | 00110011, 01101010, 10110010 |
Color Schemes with #336ab2
Alternatives to #336ab2
Below, you can see some colors close to #336ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ab2 Preview
This text has a font color of #336ab2.
<span style="color:#336ab2;">Text here</span>
This paragraph has a background color of #336ab2.
<p style="background-color:#336ab2;">Content here</p>
This element has a border color of #336ab2.
<div style="border:1px solid #336ab2;">Content here</div>
.text {color:#336ab2;}
.background {background-color:#336ab2;}
.border {border:1px solid #336ab2;}
Shades and Tints of #336ab2
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 #fafcfe is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#070f1a
#070f1a
rgb(7,15,26)
-
#0c1829
#0c1829
rgb(12,24,41)
-
#102138
#102138
rgb(16,33,56)
-
#142a47
#142a47
rgb(20,42,71)
-
#193457
#193457
rgb(25,52,87)
-
#1d3d66
#1d3d66
rgb(29,61,102)
-
#224675
#224675
rgb(34,70,117)
-
#264f84
#264f84
rgb(38,79,132)
-
#2a5894
#2a5894
rgb(42,88,148)
-
#2f61a3
#2f61a3
rgb(47,97,163)
-
#336ab2
#336ab2
rgb(51,106,178)
-
#3773c1
#3773c1
rgb(55,115,193)
-
#437dc9
#437dc9
rgb(67,125,201)
-
#5288ce
#5288ce
rgb(82,136,206)
-
#6292d2
#6292d2
rgb(98,146,210)
-
#719dd6
#719dd6
rgb(113,157,214)
-
#80a7db
#80a7db
rgb(128,167,219)
-
#8fb2df
#8fb2df
rgb(143,178,223)
-
#9fbce3
#9fbce3
rgb(159,188,227)
-
#aec7e8
#aec7e8
rgb(174,199,232)
-
#bdd1ec
#bdd1ec
rgb(189,209,236)
-
#ccdcf0
#ccdcf0
rgb(204,220,240)
-
#dce6f5
#dce6f5
rgb(220,230,245)
-
#ebf1f9
#ebf1f9
rgb(235,241,249)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #336ab2
A tone is produced by adding gray to any pure hue. In this case, #717274 is the less saturated color, while #0764de is the most saturated one.
-
#717274
#717274
rgb(113,114,116)
-
#68717d
#68717d
rgb(104,113,125)
-
#5f7086
#5f7086
rgb(95,112,134)
-
#566f8f
#566f8f
rgb(86,111,143)
-
#4d6e98
#4d6e98
rgb(77,110,152)
-
#456ca0
#456ca0
rgb(69,108,160)
-
#3c6ba9
#3c6ba9
rgb(60,107,169)
-
#336ab2
#336ab2
rgb(51,106,178)
-
#2a69bb
#2a69bb
rgb(42,105,187)
-
#2168c4
#2168c4
rgb(33,104,196)
-
#1966cc
#1966cc
rgb(25,102,204)
-
#1065d5
#1065d5
rgb(16,101,213)
-
#0764de
#0764de
rgb(7,100,222)
Color Blindness Simulator
Below, you can see how #336ab2 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.