#344a74 hex color

In a RGB color space, hex #344a74 is composed of 20.4% red, 29% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 36.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 219.4 degrees, a saturation of 38.1% and a lightness of 32.9%. #344a74 color hex could be obtained by blending #6894e8 with #000000. Closest websafe color is: #333366.

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

● #344a74 color description : Dark moderate blue.

The hexadecimal color #344a74 has RGB values of R:52, G:74, B:116 and CMYK values of C:0.55, M:0.36, Y:0, K:0.55. Its decimal value is 3426932.

Hex triplet	344a74	`#344a74`
RGB Decimal	52, 74, 116	`rgb(52,74,116)`
RGB Percent	20.4, 29, 45.5	`rgb(20.4%,29%,45.5%)`
CMYK	55, 36, 0, 55
HSL	219.4°, 38.1, 32.9	`hsl(219.4,38.1%,32.9%)`
HSV (or HSB)	219.4°, 55.2, 45.5
Web Safe	333366	`#333366`

CIE-LAB	31.551, 4.788, -26.718
XYZ	7.017, 6.888, 17.482
xyY	0.224, 0.219, 6.888
CIE-LCH	31.551, 27.143, 280.159
CIE-LUV	31.551, -10.429, -35.891
Hunter-Lab	26.245, 1.792, -21.121
Binary	00110100, 01001010, 01110100

#344a74
```
#344a74 rgb(52,74,116)
```
#745e34
```
#745e34 rgb(116,94,52)
```

Complementary Color

#346a74
```
#346a74 rgb(52,106,116)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#3e3474
```
#3e3474 rgb(62,52,116)
```

Analogous Color

#6a7434
```
#6a7434 rgb(106,116,52)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#743e34
```
#743e34 rgb(116,62,52)
```

Split Complementary Color

#4a7434
```
#4a7434 rgb(74,116,52)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#74344a
```
#74344a rgb(116,52,74)
```

Triadic Color

#34745e
```
#34745e rgb(52,116,94)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#74344a
```
#74344a rgb(116,52,74)
```
#745e34
```
#745e34 rgb(116,94,52)
```

Tetradic Color

#1c283f
```
#1c283f rgb(28,40,63)
```
#243451
```
#243451 rgb(36,52,81)
```
#2c3f62
```
#2c3f62 rgb(44,63,98)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#3c5586
```
#3c5586 rgb(60,85,134)
```
#446097
```
#446097 rgb(68,96,151)
```
#4c6ca9
```
#4c6ca9 rgb(76,108,169)
```

Monochromatic Color

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

#345a74
```
#345a74 rgb(52,90,116)
```
#345574
```
#345574 rgb(52,85,116)
```
#344f74
```
#344f74 rgb(52,79,116)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#344574
```
#344574 rgb(52,69,116)
```
#343f74
```
#343f74 rgb(52,63,116)
```
#343a74
```
#343a74 rgb(52,58,116)
```

Similar Colors

Text with hexadecimal color #344a74

This text has a font color of #344a74.

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

#344a74 background color

This paragraph has a background color of #344a74.

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

#344a74 border color

This element has a border color of #344a74.

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

CSS codes

.text {color:#344a74;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#101623
```
#101623 rgb(16,22,35)
```
#161f30
```
#161f30 rgb(22,31,48)
```
#1c273e
```
#1c273e rgb(28,39,62)
```
#22304b
```
#22304b rgb(34,48,75)
```
#283959
```
#283959 rgb(40,57,89)
```
#2e4166
```
#2e4166 rgb(46,65,102)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#3a5382
```
#3a5382 rgb(58,83,130)
```
#405b8f
```
#405b8f rgb(64,91,143)
```
#46649d
```
#46649d rgb(70,100,157)
```
#4c6daa
```
#4c6daa rgb(76,109,170)
```

Shade Color Variation

#5777b4
```
#5777b4 rgb(87,119,180)
```
#6481ba
```
#6481ba rgb(100,129,186)
```
#728cc0
```
#728cc0 rgb(114,140,192)
```
#7f97c6
```
#7f97c6 rgb(127,151,198)
```
#8da2cc
```
#8da2cc rgb(141,162,204)
```
#9aadd2
```
#9aadd2 rgb(154,173,210)
```
#a8b8d8
```
#a8b8d8 rgb(168,184,216)
```
#b5c3de
```
#b5c3de rgb(181,195,222)
```
#c3cee4
```
#c3cee4 rgb(195,206,228)
```
#d0d9ea
```
#d0d9ea rgb(208,217,234)
```
#dee4f0
```
#dee4f0 rgb(222,228,240)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e525a is the less saturated color, while #003aa8 is the most saturated one.

#4e525a
```
#4e525a rgb(78,82,90)
```
#475061
```
#475061 rgb(71,80,97)
```
#414e67
```
#414e67 rgb(65,78,103)
```
#3a4c6e
```
#3a4c6e rgb(58,76,110)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#274681
```
#274681 rgb(39,70,129)
```
#214487
```
#214487 rgb(33,68,135)
```
#1a428e
```
#1a428e rgb(26,66,142)
```
#144094
```
#144094 rgb(20,64,148)
```
#0d3e9b
```
#0d3e9b rgb(13,62,155)
```
#073ca1
```
#073ca1 rgb(7,60,161)
```
#003aa8
```
#003aa8 rgb(0,58,168)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#444851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44527a Protanopia 1% of men
#3e537b Deuteranopia 1% of men
#32595f Tritanopia 0.001% of the population

Trichromacy

#3e4f78 Protanomaly 1% of men, 0.01% of women
#3a5078 Deuteranomaly 6% of men, 0.4% of women
#325367 Tritanomaly 0.01% of the population

#344a74 hex color

#344a74 Color Information

#344a74 Color Conversion

Color Schemes with #344a74

Alternatives to #344a74

#344a74 Preview

Shades and Tints of #344a74

Tones of #344a74

Color Blindness Simulator