#334bb2 Color Information
In a RGB color space, hex #334bb2 is composed of 20% red, 29.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 57.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 228.7 degrees, a saturation of 55.5% and a lightness of 44.9%. #334bb2 color hex could be obtained by blending #6696ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 70
-
- C 71
- M 58
- Y 0
- K 30
● #334bb2 color description : Dark blue.
#334bb2 Color Conversion
The hexadecimal color #334bb2 has RGB values of R:51, G:75, B:178 and CMYK values of C:0.71, M:0.58, Y:0, K:0.3. Its decimal value is 3361714.
Hex triplet | 334bb2 | #334bb2 |
---|---|---|
RGB Decimal | 51, 75, 178 | rgb(51,75,178) |
RGB Percent | 20, 29.4, 69.8 | rgb(20%,29.4%,69.8%) |
CMYK | 71, 58, 0, 30 | |
HSL | 228.7°, 55.5, 44.9 | hsl(228.7,55.5%,44.9%) |
HSV (or HSB) | 228.7°, 71.3, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.887, 26.592, -57.52 |
---|---|
XYZ | 11.916, 8.95, 43.217 |
xyY | 0.186, 0.14, 8.95 |
CIE-LCH | 35.887, 63.37, 294.811 |
CIE-LUV | 35.887, -11.678, -82.249 |
Hunter-Lab | 29.916, 18.744, -64.71 |
Binary | 00110011, 01001011, 10110010 |
Color Schemes with #334bb2
Alternatives to #334bb2
Below, you can see some colors close to #334bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334bb2 Preview
This text has a font color of #334bb2.
<span style="color:#334bb2;">Text here</span>
This paragraph has a background color of #334bb2.
<p style="background-color:#334bb2;">Content here</p>
This element has a border color of #334bb2.
<div style="border:1px solid #334bb2;">Content here</div>
.text {color:#334bb2;}
.background {background-color:#334bb2;}
.border {border:1px solid #334bb2;}
Shades and Tints of #334bb2
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, #03040a is the darkest color, while #fafbfe is the lightest one.
-
#03040a
#03040a
rgb(3,4,10)
-
#070b1a
#070b1a
rgb(7,11,26)
-
#0c1129
#0c1129
rgb(12,17,41)
-
#101838
#101838
rgb(16,24,56)
-
#141e47
#141e47
rgb(20,30,71)
-
#192457
#192457
rgb(25,36,87)
-
#1d2b66
#1d2b66
rgb(29,43,102)
-
#223175
#223175
rgb(34,49,117)
-
#263884
#263884
rgb(38,56,132)
-
#2a3e94
#2a3e94
rgb(42,62,148)
-
#2f45a3
#2f45a3
rgb(47,69,163)
-
#334bb2
#334bb2
rgb(51,75,178)
-
#3751c1
#3751c1
rgb(55,81,193)
-
#435cc9
#435cc9
rgb(67,92,201)
-
#526ace
#526ace
rgb(82,106,206)
-
#6277d2
#6277d2
rgb(98,119,210)
-
#7184d6
#7184d6
rgb(113,132,214)
-
#8091db
#8091db
rgb(128,145,219)
-
#8f9edf
#8f9edf
rgb(143,158,223)
-
#9face3
#9face3
rgb(159,172,227)
-
#aeb9e8
#aeb9e8
rgb(174,185,232)
-
#bdc6ec
#bdc6ec
rgb(189,198,236)
-
#ccd3f0
#ccd3f0
rgb(204,211,240)
-
#dce0f5
#dce0f5
rgb(220,224,245)
-
#ebeef9
#ebeef9
rgb(235,238,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #334bb2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0730de is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686c7d
#686c7d
rgb(104,108,125)
-
#5f6686
#5f6686
rgb(95,102,134)
-
#56618f
#56618f
rgb(86,97,143)
-
#4d5b98
#4d5b98
rgb(77,91,152)
-
#4556a0
#4556a0
rgb(69,86,160)
-
#3c50a9
#3c50a9
rgb(60,80,169)
-
#334bb2
#334bb2
rgb(51,75,178)
-
#2a46bb
#2a46bb
rgb(42,70,187)
-
#2140c4
#2140c4
rgb(33,64,196)
-
#193bcc
#193bcc
rgb(25,59,204)
-
#1035d5
#1035d5
rgb(16,53,213)
-
#0730de
#0730de
rgb(7,48,222)
Color Blindness Simulator
Below, you can see how #334bb2 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.