#334eb2 Color Information
In a RGB color space, hex #334eb2 is composed of 20% red, 30.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 56.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 227.2 degrees, a saturation of 55.5% and a lightness of 44.9%. #334eb2 color hex could be obtained by blending #669cff with #000065. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 70
-
- C 71
- M 56
- Y 0
- K 30
● #334eb2 color description : Dark blue.
#334eb2 Color Conversion
The hexadecimal color #334eb2 has RGB values of R:51, G:78, B:178 and CMYK values of C:0.71, M:0.56, Y:0, K:0.3. Its decimal value is 3362482.
Hex triplet | 334eb2 | #334eb2 |
---|---|---|
RGB Decimal | 51, 78, 178 | rgb(51,78,178) |
RGB Percent | 20, 30.6, 69.8 | rgb(20%,30.6%,69.8%) |
CMYK | 71, 56, 0, 30 | |
HSL | 227.2°, 55.5, 44.9 | hsl(227.2,55.5%,44.9%) |
HSV (or HSB) | 227.2°, 71.3, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.68, 24.624, -56.232 |
---|---|
XYZ | 12.124, 9.366, 43.286 |
xyY | 0.187, 0.145, 9.366 |
CIE-LCH | 36.68, 61.387, 293.649 |
CIE-LUV | 36.68, -12.474, -81.024 |
Hunter-Lab | 30.604, 17.155, -62.436 |
Binary | 00110011, 01001110, 10110010 |
Color Schemes with #334eb2
Alternatives to #334eb2
Below, you can see some colors close to #334eb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334eb2 Preview
This text has a font color of #334eb2.
<span style="color:#334eb2;">Text here</span>
This paragraph has a background color of #334eb2.
<p style="background-color:#334eb2;">Content here</p>
This element has a border color of #334eb2.
<div style="border:1px solid #334eb2;">Content here</div>
.text {color:#334eb2;}
.background {background-color:#334eb2;}
.border {border:1px solid #334eb2;}
Shades and Tints of #334eb2
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, #03050a is the darkest color, while #fafbfe is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070b1a
#070b1a
rgb(7,11,26)
-
#0c1229
#0c1229
rgb(12,18,41)
-
#101938
#101938
rgb(16,25,56)
-
#141f47
#141f47
rgb(20,31,71)
-
#192657
#192657
rgb(25,38,87)
-
#1d2d66
#1d2d66
rgb(29,45,102)
-
#223375
#223375
rgb(34,51,117)
-
#263a84
#263a84
rgb(38,58,132)
-
#2a4194
#2a4194
rgb(42,65,148)
-
#2f47a3
#2f47a3
rgb(47,71,163)
-
#334eb2
#334eb2
rgb(51,78,178)
-
#3755c1
#3755c1
rgb(55,85,193)
-
#4360c9
#4360c9
rgb(67,96,201)
-
#526dce
#526dce
rgb(82,109,206)
-
#6279d2
#6279d2
rgb(98,121,210)
-
#7186d6
#7186d6
rgb(113,134,214)
-
#8093db
#8093db
rgb(128,147,219)
-
#8fa0df
#8fa0df
rgb(143,160,223)
-
#9fade3
#9fade3
rgb(159,173,227)
-
#aebae8
#aebae8
rgb(174,186,232)
-
#bdc7ec
#bdc7ec
rgb(189,199,236)
-
#ccd4f0
#ccd4f0
rgb(204,212,240)
-
#dce1f5
#dce1f5
rgb(220,225,245)
-
#ebeef9
#ebeef9
rgb(235,238,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #334eb2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0735de is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686c7d
#686c7d
rgb(104,108,125)
-
#5f6786
#5f6786
rgb(95,103,134)
-
#56628f
#56628f
rgb(86,98,143)
-
#4d5d98
#4d5d98
rgb(77,93,152)
-
#4558a0
#4558a0
rgb(69,88,160)
-
#3c53a9
#3c53a9
rgb(60,83,169)
-
#334eb2
#334eb2
rgb(51,78,178)
-
#2a49bb
#2a49bb
rgb(42,73,187)
-
#2144c4
#2144c4
rgb(33,68,196)
-
#193fcc
#193fcc
rgb(25,63,204)
-
#103ad5
#103ad5
rgb(16,58,213)
-
#0735de
#0735de
rgb(7,53,222)
Color Blindness Simulator
Below, you can see how #334eb2 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.