#344d80 hex color

In a RGB color space, hex #344d80 is composed of 20.4% red, 30.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 39.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 220.3 degrees, a saturation of 42.2% and a lightness of 35.3%. #344d80 color hex could be obtained by blending #689aff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 30
- B 50
RGB color chart
- C 59
- M 40
- Y 0
- K 50
CMYK color chart

● #344d80 color description : Dark moderate blue.

The hexadecimal color #344d80 has RGB values of R:52, G:77, B:128 and CMYK values of C:0.59, M:0.4, Y:0, K:0.5. Its decimal value is 3427712.

Hex triplet	344d80	`#344d80`
RGB Decimal	52, 77, 128	`rgb(52,77,128)`
RGB Percent	20.4, 30.2, 50.2	`rgb(20.4%,30.2%,50.2%)`
CMYK	59, 40, 0, 50
HSL	220.3°, 42.2, 35.3	`hsl(220.3,42.2%,35.3%)`
HSV (or HSB)	220.3°, 59.4, 50.2
Web Safe	336699	`#336699`

CIE-LAB	33.127, 7.054, -31.703
XYZ	7.965, 7.596, 21.467
xyY	0.215, 0.205, 7.596
CIE-LCH	33.127, 32.478, 282.544
CIE-LUV	33.127, -11.55, -43.666
Hunter-Lab	27.561, 3.358, -26.889
Binary	00110100, 01001101, 10000000

#344d80
```
#344d80 rgb(52,77,128)
```
#806734
```
#806734 rgb(128,103,52)
```

Complementary Color

#347380
```
#347380 rgb(52,115,128)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#413480
```
#413480 rgb(65,52,128)
```

Analogous Color

#738034
```
#738034 rgb(115,128,52)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#804134
```
#804134 rgb(128,65,52)
```

Split Complementary Color

#4d8034
```
#4d8034 rgb(77,128,52)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#80344d
```
#80344d rgb(128,52,77)
```

Triadic Color

#348067
```
#348067 rgb(52,128,103)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#80344d
```
#80344d rgb(128,52,77)
```
#806734
```
#806734 rgb(128,103,52)
```

Tetradic Color

#1e2c4a
```
#1e2c4a rgb(30,44,74)
```
#25375c
```
#25375c rgb(37,55,92)
```
#2d426e
```
#2d426e rgb(45,66,110)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#3b5892
```
#3b5892 rgb(59,88,146)
```
#4363a4
```
#4363a4 rgb(67,99,164)
```
#4b6eb6
```
#4b6eb6 rgb(75,110,182)
```

Monochromatic Color

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

#346080
```
#346080 rgb(52,96,128)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#345380
```
#345380 rgb(52,83,128)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#344780
```
#344780 rgb(52,71,128)
```
#344080
```
#344080 rgb(52,64,128)
```
#343a80
```
#343a80 rgb(52,58,128)
```

Similar Colors

Text with hexadecimal color #344d80

This text has a font color of #344d80.

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

#344d80 background color

This paragraph has a background color of #344d80.

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

#344d80 border color

This element has a border color of #344d80.

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

CSS codes

.text {color:#344d80;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0c121e
```
#0c121e rgb(12,18,30)
```
#121b2c
```
#121b2c rgb(18,27,44)
```
#18233a
```
#18233a rgb(24,35,58)
```
#1d2b48
```
#1d2b48 rgb(29,43,72)
```
#233456
```
#233456 rgb(35,52,86)
```
#293c64
```
#293c64 rgb(41,60,100)
```
#2e4572
```
#2e4572 rgb(46,69,114)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#3a558e
```
#3a558e rgb(58,85,142)
```
#3f5e9c
```
#3f5e9c rgb(63,94,156)
```
#4566aa
```
#4566aa rgb(69,102,170)
```

Shade Color Variation

#4c6fb6
```
#4c6fb6 rgb(76,111,182)
```
#5a7abc
```
#5a7abc rgb(90,122,188)
```
#6886c2
```
#6886c2 rgb(104,134,194)
```
#7691c7
```
#7691c7 rgb(118,145,199)
```
#849ccd
```
#849ccd rgb(132,156,205)
```
#92a7d3
```
#92a7d3 rgb(146,167,211)
```
#a0b2d8
```
#a0b2d8 rgb(160,178,216)
```
#aebede
```
#aebede rgb(174,190,222)
```
#bcc9e4
```
#bcc9e4 rgb(188,201,228)
```
#cad4e9
```
#cad4e9 rgb(202,212,233)
```
#d8dfef
```
#d8dfef rgb(216,223,239)
```
#e6ebf5
```
#e6ebf5 rgb(230,235,245)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595d is the less saturated color, while #043cb0 is the most saturated one.

#57595d
```
#57595d rgb(87,89,93)
```
#505664
```
#505664 rgb(80,86,100)
```
#49546b
```
#49546b rgb(73,84,107)
```
#425272
```
#425272 rgb(66,82,114)
```
#3b4f79
```
#3b4f79 rgb(59,79,121)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#2d4b87
```
#2d4b87 rgb(45,75,135)
```
#26488e
```
#26488e rgb(38,72,142)
```
#1f4695
```
#1f4695 rgb(31,70,149)
```
#18449c
```
#18449c rgb(24,68,156)
```
#1141a3
```
#1141a3 rgb(17,65,163)
```
#0a3faa
```
#0a3faa rgb(10,63,170)
```
#043cb0
```
#043cb0 rgb(4,60,176)
```

Tone Color Variation

Below, you can see how #344d80 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
#464b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425586 Protanopia 1% of men
#385786 Deuteranopia 1% of men
#2c5d64 Tritanopia 0.001% of the population

Trichromacy

#3d5283 Protanomaly 1% of men, 0.01% of women
#365383 Deuteranomaly 6% of men, 0.4% of women
#2f576e Tritanomaly 0.01% of the population

#344d80 hex color

#344d80 Color Information

#344d80 Color Conversion

Color Schemes with #344d80

Alternatives to #344d80

#344d80 Preview

Shades and Tints of #344d80

Tones of #344d80

Color Blindness Simulator