#344a8d hex color

In a RGB color space, hex #344a8d is composed of 20.4% red, 29% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 47.5% magenta, 0% yellow and 44.7% black. It has a hue angle of 225.2 degrees, a saturation of 46.1% and a lightness of 37.8%. #344a8d color hex could be obtained by blending #6894ff with #00001b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 29
- B 55
RGB color chart
- C 63
- M 48
- Y 0
- K 45
CMYK color chart

● #344a8d color description : Dark moderate blue.

The hexadecimal color #344a8d has RGB values of R:52, G:74, B:141 and CMYK values of C:0.63, M:0.48, Y:0, K:0.45. Its decimal value is 3426957.

Hex triplet	344a8d	`#344a8d`
RGB Decimal	52, 74, 141	`rgb(52,74,141)`
RGB Percent	20.4, 29, 55.3	`rgb(20.4%,29%,55.3%)`
CMYK	63, 48, 0, 45
HSL	225.2°, 46.1, 37.8	`hsl(225.2,46.1%,37.8%)`
HSV (or HSB)	225.2°, 63.1, 55.3
Web Safe	333399	`#333399`

CIE-LAB	33.028, 13.763, -39.863
XYZ	8.672, 7.55, 26.198
xyY	0.204, 0.178, 7.55
CIE-LCH	33.028, 42.172, 289.048
CIE-LUV	33.028, -10.672, -55.584
Hunter-Lab	27.478, 8.247, -37.295
Binary	00110100, 01001010, 10001101

#344a8d
```
#344a8d rgb(52,74,141)
```
#8d7734
```
#8d7734 rgb(141,119,52)
```

Complementary Color

#34778d
```
#34778d rgb(52,119,141)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#4b348d
```
#4b348d rgb(75,52,141)
```

Analogous Color

#778d34
```
#778d34 rgb(119,141,52)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#8d4a34
```
#8d4a34 rgb(141,74,52)
```

Split Complementary Color

#4a8d34
```
#4a8d34 rgb(74,141,52)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#8d344a
```
#8d344a rgb(141,52,74)
```

Triadic Color

#348d77
```
#348d77 rgb(52,141,119)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#8d344a
```
#8d344a rgb(141,52,74)
```
#8d7734
```
#8d7734 rgb(141,119,52)
```

Tetradic Color

#1f2d55
```
#1f2d55 rgb(31,45,85)
```
#263668
```
#263668 rgb(38,54,104)
```
#2d407a
```
#2d407a rgb(45,64,122)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#3b54a0
```
#3b54a0 rgb(59,84,160)
```
#425eb2
```
#425eb2 rgb(66,94,178)
```
#4f6bbe
```
#4f6bbe rgb(79,107,190)
```

Monochromatic Color

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

#34608d
```
#34608d rgb(52,96,141)
```
#34598d
```
#34598d rgb(52,89,141)
```
#34518d
```
#34518d rgb(52,81,141)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#34438d
```
#34438d rgb(52,67,141)
```
#343b8d
```
#343b8d rgb(52,59,141)
```
#34348d
```
#34348d rgb(52,52,141)
```

Similar Colors

Text with hexadecimal color #344a8d

This text has a font color of #344a8d.

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

#344a8d background color

This paragraph has a background color of #344a8d.

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

#344a8d border color

This element has a border color of #344a8d.

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

CSS codes

.text {color:#344a8d;}

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

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

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, #04060c is the darkest color, while #fdfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#0a0e1a
```
#0a0e1a rgb(10,14,26)
```
#0f1529
```
#0f1529 rgb(15,21,41)
```
#141d37
```
#141d37 rgb(20,29,55)
```
#1a2445
```
#1a2445 rgb(26,36,69)
```
#1f2c54
```
#1f2c54 rgb(31,44,84)
```
#243362
```
#243362 rgb(36,51,98)
```
#293b70
```
#293b70 rgb(41,59,112)
```
#2f427f
```
#2f427f rgb(47,66,127)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#39529b
```
#39529b rgb(57,82,155)
```
#3f59aa
```
#3f59aa rgb(63,89,170)
```
#4461b8
```
#4461b8 rgb(68,97,184)
```

Shade Color Variation

#516cbf
```
#516cbf rgb(81,108,191)
```
#5f78c4
```
#5f78c4 rgb(95,120,196)
```
#6d84c9
```
#6d84c9 rgb(109,132,201)
```
#7c90cf
```
#7c90cf rgb(124,144,207)
```
#8a9cd4
```
#8a9cd4 rgb(138,156,212)
```
#98a8d9
```
#98a8d9 rgb(152,168,217)
```
#a7b4de
```
#a7b4de rgb(167,180,222)
```
#b5c1e4
```
#b5c1e4 rgb(181,193,228)
```
#c3cde9
```
#c3cde9 rgb(195,205,233)
```
#d2d9ee
```
#d2d9ee rgb(210,217,238)
```
#e0e5f4
```
#e0e5f4 rgb(224,229,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d68 is the less saturated color, while #0030c1 is the most saturated one.

#595d68
```
#595d68 rgb(89,93,104)
```
#52596f
```
#52596f rgb(82,89,111)
```
#4a5577
```
#4a5577 rgb(74,85,119)
```
#43527e
```
#43527e rgb(67,82,126)
```
#3b4e86
```
#3b4e86 rgb(59,78,134)
```
#344a8d
```
#344a8d rgb(52,74,141)
```
#2d4694
```
#2d4694 rgb(45,70,148)
```
#25429c
```
#25429c rgb(37,66,156)
```
#1e3fa3
```
#1e3fa3 rgb(30,63,163)
```
#163bab
```
#163bab rgb(22,59,171)
```
#0f37b2
```
#0f37b2 rgb(15,55,178)
```
#0733ba
```
#0733ba rgb(7,51,186)
```
#0030c1
```
#0030c1 rgb(0,48,193)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#355494 Protanopia 1% of men
#1c5890 Deuteranopia 1% of men
#1f5e65 Tritanopia 0.001% of the population

Trichromacy

#345091 Protanomaly 1% of men, 0.01% of women
#25528f Deuteranomaly 6% of men, 0.4% of women
#275773 Tritanomaly 0.01% of the population

#344a8d hex color

#344a8d Color Information

#344a8d Color Conversion

Color Schemes with #344a8d

Alternatives to #344a8d

#344a8d Preview

Shades and Tints of #344a8d

Tones of #344a8d

Color Blindness Simulator