#334ab2 Color Information
In a RGB color space, hex #334ab2 is composed of 20% red, 29% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 58.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 229.1 degrees, a saturation of 55.5% and a lightness of 44.9%. #334ab2 color hex could be obtained by blending #6694ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 70
-
- C 71
- M 58
- Y 0
- K 30
● #334ab2 color description : Dark blue.
#334ab2 Color Conversion
The hexadecimal color #334ab2 has RGB values of R:51, G:74, B:178 and CMYK values of C:0.71, M:0.58, Y:0, K:0.3. Its decimal value is 3361458.
Hex triplet | 334ab2 | #334ab2 |
---|---|---|
RGB Decimal | 51, 74, 178 | rgb(51,74,178) |
RGB Percent | 20, 29, 69.8 | rgb(20%,29%,69.8%) |
CMYK | 71, 58, 0, 30 | |
HSL | 229.1°, 55.5, 44.9 | hsl(229.1,55.5%,44.9%) |
HSV (or HSB) | 229.1°, 71.3, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.626, 27.247, -57.945 |
---|---|
XYZ | 11.848, 8.815, 43.194 |
xyY | 0.186, 0.138, 8.815 |
CIE-LCH | 35.626, 64.032, 295.184 |
CIE-LUV | 35.626, -11.419, -82.636 |
Hunter-Lab | 29.69, 19.275, -65.474 |
Binary | 00110011, 01001010, 10110010 |
Color Schemes with #334ab2
Alternatives to #334ab2
Below, you can see some colors close to #334ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ab2 Preview
This text has a font color of #334ab2.
<span style="color:#334ab2;">Text here</span>
This paragraph has a background color of #334ab2.
<p style="background-color:#334ab2;">Content here</p>
This element has a border color of #334ab2.
<div style="border:1px solid #334ab2;">Content here</div>
.text {color:#334ab2;}
.background {background-color:#334ab2;}
.border {border:1px solid #334ab2;}
Shades and Tints of #334ab2
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)
-
#101738
#101738
rgb(16,23,56)
-
#141e47
#141e47
rgb(20,30,71)
-
#192457
#192457
rgb(25,36,87)
-
#1d2a66
#1d2a66
rgb(29,42,102)
-
#223175
#223175
rgb(34,49,117)
-
#263784
#263784
rgb(38,55,132)
-
#2a3d94
#2a3d94
rgb(42,61,148)
-
#2f44a3
#2f44a3
rgb(47,68,163)
-
#334ab2
#334ab2
rgb(51,74,178)
-
#3750c1
#3750c1
rgb(55,80,193)
-
#435bc9
#435bc9
rgb(67,91,201)
-
#5269ce
#5269ce
rgb(82,105,206)
-
#6276d2
#6276d2
rgb(98,118,210)
-
#7183d6
#7183d6
rgb(113,131,214)
-
#8090db
#8090db
rgb(128,144,219)
-
#8f9edf
#8f9edf
rgb(143,158,223)
-
#9fabe3
#9fabe3
rgb(159,171,227)
-
#aeb8e8
#aeb8e8
rgb(174,184,232)
-
#bdc6ec
#bdc6ec
rgb(189,198,236)
-
#ccd3f0
#ccd3f0
rgb(204,211,240)
-
#dce0f5
#dce0f5
rgb(220,224,245)
-
#ebedf9
#ebedf9
rgb(235,237,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #334ab2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #072ede is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686c7d
#686c7d
rgb(104,108,125)
-
#5f6686
#5f6686
rgb(95,102,134)
-
#56608f
#56608f
rgb(86,96,143)
-
#4d5b98
#4d5b98
rgb(77,91,152)
-
#4555a0
#4555a0
rgb(69,85,160)
-
#3c50a9
#3c50a9
rgb(60,80,169)
-
#334ab2
#334ab2
rgb(51,74,178)
-
#2a44bb
#2a44bb
rgb(42,68,187)
-
#213fc4
#213fc4
rgb(33,63,196)
-
#1939cc
#1939cc
rgb(25,57,204)
-
#1034d5
#1034d5
rgb(16,52,213)
-
#072ede
#072ede
rgb(7,46,222)
Color Blindness Simulator
Below, you can see how #334ab2 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.