#344a7a hex color

In a RGB color space, hex #344a7a is composed of 20.4% red, 29% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 39.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 221.1 degrees, a saturation of 40.2% and a lightness of 34.1%. #344a7a color hex could be obtained by blending #6894f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 29
- B 48
RGB color chart
- C 57
- M 39
- Y 0
- K 52
CMYK color chart

● #344a7a color description : Dark moderate blue.

The hexadecimal color #344a7a has RGB values of R:52, G:74, B:122 and CMYK values of C:0.57, M:0.39, Y:0, K:0.52. Its decimal value is 3426938.

Hex triplet	344a7a	`#344a7a`
RGB Decimal	52, 74, 122	`rgb(52,74,122)`
RGB Percent	20.4, 29, 47.8	`rgb(20.4%,29%,47.8%)`
CMYK	57, 39, 0, 52
HSL	221.1°, 40.2, 34.1	`hsl(221.1,40.2%,34.1%)`
HSV (or HSB)	221.1°, 57.4, 47.8
Web Safe	333366	`#333366`

CIE-LAB	31.881, 6.899, -29.949
XYZ	7.377, 7.032, 19.38
xyY	0.218, 0.208, 7.032
CIE-LCH	31.881, 30.734, 282.972
CIE-LUV	31.881, -10.477, -40.705
Hunter-Lab	26.519, 3.248, -24.766
Binary	00110100, 01001010, 01111010

#344a7a
```
#344a7a rgb(52,74,122)
```
#7a6434
```
#7a6434 rgb(122,100,52)
```

Complementary Color

#346d7a
```
#346d7a rgb(52,109,122)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#41347a
```
#41347a rgb(65,52,122)
```

Analogous Color

#6d7a34
```
#6d7a34 rgb(109,122,52)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#7a4134
```
#7a4134 rgb(122,65,52)
```

Split Complementary Color

#4a7a34
```
#4a7a34 rgb(74,122,52)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#7a344a
```
#7a344a rgb(122,52,74)
```

Triadic Color

#347a64
```
#347a64 rgb(52,122,100)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#7a344a
```
#7a344a rgb(122,52,74)
```
#7a6434
```
#7a6434 rgb(122,100,52)
```

Tetradic Color

#1d2944
```
#1d2944 rgb(29,41,68)
```
#253456
```
#253456 rgb(37,52,86)
```
#2c3f68
```
#2c3f68 rgb(44,63,104)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#3c558c
```
#3c558c rgb(60,85,140)
```
#43609e
```
#43609e rgb(67,96,158)
```
#4b6bb0
```
#4b6bb0 rgb(75,107,176)
```

Monochromatic Color

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

#345c7a
```
#345c7a rgb(52,92,122)
```
#34567a
```
#34567a rgb(52,86,122)
```
#34507a
```
#34507a rgb(52,80,122)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#34447a
```
#34447a rgb(52,68,122)
```
#343e7a
```
#343e7a rgb(52,62,122)
```
#34397a
```
#34397a rgb(52,57,122)
```

Similar Colors

Text with hexadecimal color #344a7a

This text has a font color of #344a7a.

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

#344a7a background color

This paragraph has a background color of #344a7a.

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

#344a7a border color

This element has a border color of #344a7a.

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

CSS codes

.text {color:#344a7a;}

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

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

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

#05070c
```
#05070c rgb(5,7,12)
```
#0b101a
```
#0b101a rgb(11,16,26)
```
#111827
```
#111827 rgb(17,24,39)
```
#172035
```
#172035 rgb(23,32,53)
```
#1d2943
```
#1d2943 rgb(29,41,67)
```
#223151
```
#223151 rgb(34,49,81)
```
#28395e
```
#28395e rgb(40,57,94)
```
#2e426c
```
#2e426c rgb(46,66,108)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#3a5288
```
#3a5288 rgb(58,82,136)
```
#405b96
```
#405b96 rgb(64,91,150)
```
#4663a3
```
#4663a3 rgb(70,99,163)
```
#4b6bb1
```
#4b6bb1 rgb(75,107,177)
```

Shade Color Variation

#5876b8
```
#5876b8 rgb(88,118,184)
```
#6682be
```
#6682be rgb(102,130,190)
```
#748dc4
```
#748dc4 rgb(116,141,196)
```
#8198c9
```
#8198c9 rgb(129,152,201)
```
#8fa3cf
```
#8fa3cf rgb(143,163,207)
```
#9dafd5
```
#9dafd5 rgb(157,175,213)
```
#abbadb
```
#abbadb rgb(171,186,219)
```
#b8c5e1
```
#b8c5e1 rgb(184,197,225)
```
#c6d0e7
```
#c6d0e7 rgb(198,208,231)
```
#d4dced
```
#d4dced rgb(212,220,237)
```
#e2e7f3
```
#e2e7f3 rgb(226,231,243)
```
#eff2f8
```
#eff2f8 rgb(239,242,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#555659
```
#555659 rgb(85,86,89)
```
#4f545f
```
#4f545f rgb(79,84,95)
```
#485166
```
#485166 rgb(72,81,102)
```
#414f6d
```
#414f6d rgb(65,79,109)
```
#3b4c73
```
#3b4c73 rgb(59,76,115)
```
#344a7a
```
#344a7a rgb(52,74,122)
```
#2d4881
```
#2d4881 rgb(45,72,129)
```
#274587
```
#274587 rgb(39,69,135)
```
#20438e
```
#20438e rgb(32,67,142)
```
#194095
```
#194095 rgb(25,64,149)
```
#133e9b
```
#133e9b rgb(19,62,155)
```
#0c3ba2
```
#0c3ba2 rgb(12,59,162)
```
#0539a9
```
#0539a9 rgb(5,57,169)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#454953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415280 Protanopia 1% of men
#395480 Deuteranopia 1% of men
#2f5a61 Tritanopia 0.001% of the population

Trichromacy

#3c4f7e Protanomaly 1% of men, 0.01% of women
#37507e Deuteranomaly 6% of men, 0.4% of women
#30546a Tritanomaly 0.01% of the population

#344a7a hex color

#344a7a Color Information

#344a7a Color Conversion

Color Schemes with #344a7a

Alternatives to #344a7a

#344a7a Preview

Shades and Tints of #344a7a

Tones of #344a7a

Color Blindness Simulator