#344cb2 Color Information
In a RGB color space, hex #344cb2 is composed of 20.4% red, 29.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 57.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 228.6 degrees, a saturation of 54.8% and a lightness of 45.1%. #344cb2 color hex could be obtained by blending #6898ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 70
-
- C 71
- M 57
- Y 0
- K 30
● #344cb2 color description : Dark blue.
#344cb2 Color Conversion
The hexadecimal color #344cb2 has RGB values of R:52, G:76, B:178 and CMYK values of C:0.71, M:0.57, Y:0, K:0.3. Its decimal value is 3427506.
Hex triplet | 344cb2 | #344cb2 |
---|---|---|
RGB Decimal | 52, 76, 178 | rgb(52,76,178) |
RGB Percent | 20.4, 29.8, 69.8 | rgb(20.4%,29.8%,69.8%) |
CMYK | 71, 57, 0, 30 | |
HSL | 228.6°, 54.8, 45.1 | hsl(228.6,54.8%,45.1%) |
HSV (or HSB) | 228.6°, 70.8, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 36.2, 26.075, -57.009 |
---|---|
XYZ | 12.035, 9.113, 43.242 |
xyY | 0.187, 0.142, 9.113 |
CIE-LCH | 36.2, 62.689, 294.578 |
CIE-LUV | 36.2, -11.744, -81.791 |
Hunter-Lab | 30.187, 18.336, -63.8 |
Binary | 00110100, 01001100, 10110010 |
Color Schemes with #344cb2
Alternatives to #344cb2
Below, you can see some colors close to #344cb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344cb2 Preview
This text has a font color of #344cb2.
<span style="color:#344cb2;">Text here</span>
This paragraph has a background color of #344cb2.
<p style="background-color:#344cb2;">Content here</p>
This element has a border color of #344cb2.
<div style="border:1px solid #344cb2;">Content here</div>
.text {color:#344cb2;}
.background {background-color:#344cb2;}
.border {border:1px solid #344cb2;}
Shades and Tints of #344cb2
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)
-
#0c1229
#0c1229
rgb(12,18,41)
-
#111839
#111839
rgb(17,24,57)
-
#151f48
#151f48
rgb(21,31,72)
-
#192557
#192557
rgb(25,37,87)
-
#1e2c66
#1e2c66
rgb(30,44,102)
-
#223275
#223275
rgb(34,50,117)
-
#273984
#273984
rgb(39,57,132)
-
#2b3f94
#2b3f94
rgb(43,63,148)
-
#3046a3
#3046a3
rgb(48,70,163)
-
#344cb2
#344cb2
rgb(52,76,178)
-
#3852c1
#3852c1
rgb(56,82,193)
-
#455ec9
#455ec9
rgb(69,94,201)
-
#546bcd
#546bcd
rgb(84,107,205)
-
#6378d1
#6378d1
rgb(99,120,209)
-
#7285d6
#7285d6
rgb(114,133,214)
-
#8192da
#8192da
rgb(129,146,218)
-
#919fdf
#919fdf
rgb(145,159,223)
-
#a0ade3
#a0ade3
rgb(160,173,227)
-
#afbae8
#afbae8
rgb(175,186,232)
-
#bec7ec
#bec7ec
rgb(190,199,236)
-
#cdd4f0
#cdd4f0
rgb(205,212,240)
-
#dce1f5
#dce1f5
rgb(220,225,245)
-
#eceef9
#eceef9
rgb(236,238,249)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #344cb2
A tone is produced by adding gray to any pure hue. In this case, #727274 is the less saturated color, while #0831de is the most saturated one.
-
#727274
#727274
rgb(114,114,116)
-
#696d7d
#696d7d
rgb(105,109,125)
-
#606786
#606786
rgb(96,103,134)
-
#57628f
#57628f
rgb(87,98,143)
-
#4f5c97
#4f5c97
rgb(79,92,151)
-
#4657a0
#4657a0
rgb(70,87,160)
-
#3d51a9
#3d51a9
rgb(61,81,169)
-
#344cb2
#344cb2
rgb(52,76,178)
-
#2b47bb
#2b47bb
rgb(43,71,187)
-
#2241c4
#2241c4
rgb(34,65,196)
-
#193ccd
#193ccd
rgb(25,60,205)
-
#1136d5
#1136d5
rgb(17,54,213)
-
#0831de
#0831de
rgb(8,49,222)
Color Blindness Simulator
Below, you can see how #344cb2 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.