#344cd4 hex color

In a RGB color space, hex #344cd4 is composed of 20.4% red, 29.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 64.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 231 degrees, a saturation of 65% and a lightness of 51.8%. #344cd4 color hex could be obtained by blending #6898ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 30
- B 83
RGB color chart
- C 75
- M 64
- Y 0
- K 17
CMYK color chart

● #344cd4 color description : Strong blue.

The hexadecimal color #344cd4 has RGB values of R:52, G:76, B:212 and CMYK values of C:0.75, M:0.64, Y:0, K:0.17. Its decimal value is 3427540.

Hex triplet	344cd4	`#344cd4`
RGB Decimal	52, 76, 212	`rgb(52,76,212)`
RGB Percent	20.4, 29.8, 83.1	`rgb(20.4%,29.8%,83.1%)`
CMYK	75, 64, 0, 17
HSL	231°, 65, 51.8	`hsl(231,65%,51.8%)`
HSV (or HSB)	231°, 75.5, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.987, 38.383, -72.294
XYZ	15.882, 10.651, 63.503
xyY	0.176, 0.118, 10.651
CIE-LCH	38.987, 81.852, 297.965
CIE-LUV	38.987, -12.338, -104.677
Hunter-Lab	32.636, 29.75, -92.519
Binary	00110100, 01001100, 11010100

#344cd4
```
#344cd4 rgb(52,76,212)
```
#d4bc34
```
#d4bc34 rgb(212,188,52)
```

Complementary Color

#349cd4
```
#349cd4 rgb(52,156,212)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#6c34d4
```
#6c34d4 rgb(108,52,212)
```

Analogous Color

#9cd434
```
#9cd434 rgb(156,212,52)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#d46c34
```
#d46c34 rgb(212,108,52)
```

Split Complementary Color

#4cd434
```
#4cd434 rgb(76,212,52)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#d4344c
```
#d4344c rgb(212,52,76)
```

Triadic Color

#34d4bc
```
#34d4bc rgb(52,212,188)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#d4344c
```
#d4344c rgb(212,52,76)
```
#d4bc34
```
#d4bc34 rgb(212,188,52)
```

Tetradic Color

#21339b
```
#21339b rgb(33,51,155)
```
#253ab0
```
#253ab0 rgb(37,58,176)
```
#2a41c5
```
#2a41c5 rgb(42,65,197)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#495fd8
```
#495fd8 rgb(73,95,216)
```
#5e71dd
```
#5e71dd rgb(94,113,221)
```
#7384e1
```
#7384e1 rgb(115,132,225)
```

Monochromatic Color

Below, you can see some colors close to #344cd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3474d4
```
#3474d4 rgb(52,116,212)
```
#3467d4
```
#3467d4 rgb(52,103,212)
```
#3459d4
```
#3459d4 rgb(52,89,212)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#343fd4
```
#343fd4 rgb(52,63,212)
```
#3734d4
```
#3734d4 rgb(55,52,212)
```
#4434d4
```
#4434d4 rgb(68,52,212)
```

Similar Colors

Text with hexadecimal color #344cd4

This text has a font color of #344cd4.

<span style="color:#344cd4;">Text here</span>

#344cd4 background color

This paragraph has a background color of #344cd4.

<p style="background-color:#344cd4;">Content here</p>

#344cd4 border color

This element has a border color of #344cd4.

<div style="border:1px solid #344cd4;">Content here</div>

CSS codes

.text {color:#344cd4;}

.background {background-color:#344cd4;}

.border {border:1px solid #344cd4;}

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, #020207 is the darkest color, while #f6f7fd is the lightest one.

#020207
```
#020207 rgb(2,2,7)
```
#050818
```
#050818 rgb(5,8,24)
```
#080d28
```
#080d28 rgb(8,13,40)
```
#0c1238
```
#0c1238 rgb(12,18,56)
```
#0f1848
```
#0f1848 rgb(15,24,72)
```
#131d58
```
#131d58 rgb(19,29,88)
```
#162369
```
#162369 rgb(22,35,105)
```
#1a2879
```
#1a2879 rgb(26,40,121)
```
#1d2d89
```
#1d2d89 rgb(29,45,137)
```
#203399
```
#203399 rgb(32,51,153)
```
#2438a9
```
#2438a9 rgb(36,56,169)
```
#273db9
```
#273db9 rgb(39,61,185)
```
#2b43ca
```
#2b43ca rgb(43,67,202)
```

Shade Color Variation

#344cd4
```
#344cd4 rgb(52,76,212)
```
#445ad7
```
#445ad7 rgb(68,90,215)
```
#5469db
```
#5469db rgb(84,105,219)
```
#6577de
```
#6577de rgb(101,119,222)
```
#7585e2
```
#7585e2 rgb(117,133,226)
```
#8593e5
```
#8593e5 rgb(133,147,229)
```
#95a2e9
```
#95a2e9 rgb(149,162,233)
```
#a5b0ec
```
#a5b0ec rgb(165,176,236)
```
#b5beef
```
#b5beef rgb(181,190,239)
```
#c6ccf3
```
#c6ccf3 rgb(198,204,243)
```
#d6dbf6
```
#d6dbf6 rgb(214,219,246)
```
#e6e9fa
```
#e6e9fa rgb(230,233,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808188 is the less saturated color, while #0e32fa is the most saturated one.

#808188
```
#808188 rgb(128,129,136)
```
#767a92
```
#767a92 rgb(118,122,146)
```
#6d749b
```
#6d749b rgb(109,116,155)
```
#636da5
```
#636da5 rgb(99,109,165)
```
#5a66ae
```
#5a66ae rgb(90,102,174)
```
#5060b8
```
#5060b8 rgb(80,96,184)
```
#4759c1
```
#4759c1 rgb(71,89,193)
```
#3d53cb
```
#3d53cb rgb(61,83,203)
```
#344cd4
```
#344cd4 rgb(52,76,212)
```
#2b45dd
```
#2b45dd rgb(43,69,221)
```
#213fe7
```
#213fe7 rgb(33,63,231)
```
#1838f0
```
#1838f0 rgb(24,56,240)
```
#0e32fa
```
#0e32fa rgb(14,50,250)
```

Tone Color Variation

Below, you can see how #344cd4 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.

Monochromacy

#545454 Achromatopsia 0.005% of the population
#4e526e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1259c5 Protanomaly 1% of men, 0.01% of women
#125db6 Deuteranomaly 6% of men, 0.4% of women
#126197 Tritanomaly 0.01% of the population

#344cd4 hex color

#344cd4 Color Information

#344cd4 Color Conversion

Color Schemes with #344cd4

Alternatives to #344cd4

#344cd4 Preview

Shades and Tints of #344cd4

Tones of #344cd4

Color Blindness Simulator