#344ab2 Color Information
In a RGB color space, hex #344ab2 is composed of 20.4% red, 29% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 58.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 229.5 degrees, a saturation of 54.8% and a lightness of 45.1%. #344ab2 color hex could be obtained by blending #6894ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 70
-
- C 71
- M 58
- Y 0
- K 30
● #344ab2 color description : Dark blue.
#344ab2 Color Conversion
The hexadecimal color #344ab2 has RGB values of R:52, G:74, B:178 and CMYK values of C:0.71, M:0.58, Y:0, K:0.3. Its decimal value is 3426994.
Hex triplet | 344ab2 | #344ab2 |
---|---|---|
RGB Decimal | 52, 74, 178 | rgb(52,74,178) |
RGB Percent | 20.4, 29, 69.8 | rgb(20.4%,29%,69.8%) |
CMYK | 71, 58, 0, 30 | |
HSL | 229.5°, 54.8, 45.1 | hsl(229.5,54.8%,45.1%) |
HSV (or HSB) | 229.5°, 70.8, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.677, 27.383, -57.86 |
---|---|
XYZ | 11.899, 8.841, 43.196 |
xyY | 0.186, 0.138, 8.841 |
CIE-LCH | 35.677, 64.013, 295.327 |
CIE-LUV | 35.677, -11.223, -82.577 |
Hunter-Lab | 29.734, 19.398, -65.32 |
Binary | 00110100, 01001010, 10110010 |
Color Schemes with #344ab2
Alternatives to #344ab2
Below, you can see some colors close to #344ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344ab2 Preview
This text has a font color of #344ab2.
<span style="color:#344ab2;">Text here</span>
This paragraph has a background color of #344ab2.
<p style="background-color:#344ab2;">Content here</p>
This element has a border color of #344ab2.
<div style="border:1px solid #344ab2;">Content here</div>
.text {color:#344ab2;}
.background {background-color:#344ab2;}
.border {border:1px solid #344ab2;}
Shades and Tints of #344ab2
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, #03050b is the darkest color, while #fbfbfe is the lightest one.
-
#03050b
#03050b
rgb(3,5,11)
-
#080b1a
#080b1a
rgb(8,11,26)
-
#0c1129
#0c1129
rgb(12,17,41)
-
#111839
#111839
rgb(17,24,57)
-
#151e48
#151e48
rgb(21,30,72)
-
#192457
#192457
rgb(25,36,87)
-
#1e2a66
#1e2a66
rgb(30,42,102)
-
#223175
#223175
rgb(34,49,117)
-
#273784
#273784
rgb(39,55,132)
-
#2b3d94
#2b3d94
rgb(43,61,148)
-
#3044a3
#3044a3
rgb(48,68,163)
-
#344ab2
#344ab2
rgb(52,74,178)
-
#3850c1
#3850c1
rgb(56,80,193)
-
#455cc9
#455cc9
rgb(69,92,201)
-
#5469cd
#5469cd
rgb(84,105,205)
-
#6376d1
#6376d1
rgb(99,118,209)
-
#7284d6
#7284d6
rgb(114,132,214)
-
#8191da
#8191da
rgb(129,145,218)
-
#919edf
#919edf
rgb(145,158,223)
-
#a0ace3
#a0ace3
rgb(160,172,227)
-
#afb9e8
#afb9e8
rgb(175,185,232)
-
#bec6ec
#bec6ec
rgb(190,198,236)
-
#cdd3f0
#cdd3f0
rgb(205,211,240)
-
#dce1f5
#dce1f5
rgb(220,225,245)
-
#eceef9
#eceef9
rgb(236,238,249)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #344ab2
A tone is produced by adding gray to any pure hue. In this case, #727274 is the less saturated color, while #082dde is the most saturated one.
-
#727274
#727274
rgb(114,114,116)
-
#696d7d
#696d7d
rgb(105,109,125)
-
#606786
#606786
rgb(96,103,134)
-
#57618f
#57618f
rgb(87,97,143)
-
#4f5b97
#4f5b97
rgb(79,91,151)
-
#4656a0
#4656a0
rgb(70,86,160)
-
#3d50a9
#3d50a9
rgb(61,80,169)
-
#344ab2
#344ab2
rgb(52,74,178)
-
#2b44bb
#2b44bb
rgb(43,68,187)
-
#223ec4
#223ec4
rgb(34,62,196)
-
#1939cd
#1939cd
rgb(25,57,205)
-
#1133d5
#1133d5
rgb(17,51,213)
-
#082dde
#082dde
rgb(8,45,222)
Color Blindness Simulator
Below, you can see how #344ab2 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.