#344eaa hex color

In a RGB color space, hex #344eaa is composed of 20.4% red, 30.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 54.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 226.8 degrees, a saturation of 53.2% and a lightness of 43.5%. #344eaa color hex could be obtained by blending #689cff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 31
- B 67
RGB color chart
- C 69
- M 54
- Y 0
- K 33
CMYK color chart

● #344eaa color description : Dark moderate blue.

The hexadecimal color #344eaa has RGB values of R:52, G:78, B:170 and CMYK values of C:0.69, M:0.54, Y:0, K:0.33. Its decimal value is 3428010.

Hex triplet	344eaa	`#344eaa`
RGB Decimal	52, 78, 170	`rgb(52,78,170)`
RGB Percent	20.4, 30.6, 66.7	`rgb(20.4%,30.6%,66.7%)`
CMYK	69, 54, 0, 33
HSL	226.8°, 53.2, 43.5	`hsl(226.8,53.2%,43.5%)`
HSV (or HSB)	226.8°, 69.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	36.139, 21.807, -52.36
XYZ	11.395, 9.08, 39.18
xyY	0.191, 0.152, 9.08
CIE-LCH	36.139, 56.72, 292.611
CIE-LUV	36.139, -12.185, -75.22
Hunter-Lab	30.134, 14.764, -55.996
Binary	00110100, 01001110, 10101010

#344eaa
```
#344eaa rgb(52,78,170)
```
#aa9034
```
#aa9034 rgb(170,144,52)
```

Complementary Color

#3489aa
```
#3489aa rgb(52,137,170)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#5534aa
```
#5534aa rgb(85,52,170)
```

Analogous Color

#89aa34
```
#89aa34 rgb(137,170,52)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#aa5534
```
#aa5534 rgb(170,85,52)
```

Split Complementary Color

#4eaa34
```
#4eaa34 rgb(78,170,52)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#aa344e
```
#aa344e rgb(170,52,78)
```

Triadic Color

#34aa90
```
#34aa90 rgb(52,170,144)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#aa344e
```
#aa344e rgb(170,52,78)
```
#aa9034
```
#aa9034 rgb(170,144,52)
```

Tetradic Color

#22336f
```
#22336f rgb(34,51,111)
```
#283c83
```
#283c83 rgb(40,60,131)
```
#2e4596
```
#2e4596 rgb(46,69,150)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#3a57be
```
#3a57be rgb(58,87,190)
```
#4a65c7
```
#4a65c7 rgb(74,101,199)
```
#5d76cd
```
#5d76cd rgb(93,118,205)
```

Monochromatic Color

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

#346caa
```
#346caa rgb(52,108,170)
```
#3462aa
```
#3462aa rgb(52,98,170)
```
#3458aa
```
#3458aa rgb(52,88,170)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#3444aa
```
#3444aa rgb(52,68,170)
```
#343aaa
```
#343aaa rgb(52,58,170)
```
#3834aa
```
#3834aa rgb(56,52,170)
```

Similar Colors

Text with hexadecimal color #344eaa

This text has a font color of #344eaa.

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

#344eaa background color

This paragraph has a background color of #344eaa.

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

#344eaa border color

This element has a border color of #344eaa.

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

CSS codes

.text {color:#344eaa;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0b1023
```
#0b1023 rgb(11,16,35)
```
#0f1732
```
#0f1732 rgb(15,23,50)
```
#141e41
```
#141e41 rgb(20,30,65)
```
#182550
```
#182550 rgb(24,37,80)
```
#1d2c5f
```
#1d2c5f rgb(29,44,95)
```
#22326e
```
#22326e rgb(34,50,110)
```
#26397d
```
#26397d rgb(38,57,125)
```
#2b408c
```
#2b408c rgb(43,64,140)
```
#2f479b
```
#2f479b rgb(47,71,155)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#3955b9
```
#3955b9 rgb(57,85,185)
```

Shade Color Variation

#415ec5
```
#415ec5 rgb(65,94,197)
```
#506ac9
```
#506ac9 rgb(80,106,201)
```
#5f77ce
```
#5f77ce rgb(95,119,206)
```
#6e84d3
```
#6e84d3 rgb(110,132,211)
```
#7d91d7
```
#7d91d7 rgb(125,145,215)
```
#8c9ddc
```
#8c9ddc rgb(140,157,220)
```
#9baae0
```
#9baae0 rgb(155,170,224)
```
#aab7e5
```
#aab7e5 rgb(170,183,229)
```
#b9c3e9
```
#b9c3e9 rgb(185,195,233)
```
#c8d0ee
```
#c8d0ee rgb(200,208,238)
```
#d7ddf3
```
#d7ddf3 rgb(215,221,243)
```
#e6eaf7
```
#e6eaf7 rgb(230,234,247)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b77 is the less saturated color, while #0131dd is the most saturated one.

#676b77
```
#676b77 rgb(103,107,119)
```
#5f667f
```
#5f667f rgb(95,102,127)
```
#566188
```
#566188 rgb(86,97,136)
```
#4e5c90
```
#4e5c90 rgb(78,92,144)
```
#455899
```
#455899 rgb(69,88,153)
```
#3d53a1
```
#3d53a1 rgb(61,83,161)
```
#344eaa
```
#344eaa rgb(52,78,170)
```
#2b49b3
```
#2b49b3 rgb(43,73,179)
```
#2344bb
```
#2344bb rgb(35,68,187)
```
#1a40c4
```
#1a40c4 rgb(26,64,196)
```
#123bcc
```
#123bcc rgb(18,59,204)
```
#0936d5
```
#0936d5 rgb(9,54,213)
```
#0131dd
```
#0131dd rgb(1,49,221)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e5ab1 Protanopia 1% of men
#005f9d Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1c56af Protanomaly 1% of men, 0.01% of women
#1259a1 Deuteranomaly 6% of men, 0.4% of women
#125d83 Tritanomaly 0.01% of the population

#344eaa hex color

#344eaa Color Information

#344eaa Color Conversion

Color Schemes with #344eaa

Alternatives to #344eaa

#344eaa Preview

Shades and Tints of #344eaa

Tones of #344eaa

Color Blindness Simulator