#344d68 hex color

In a RGB color space, hex #344d68 is composed of 20.4% red, 30.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 26% magenta, 0% yellow and 59.2% black. It has a hue angle of 211.2 degrees, a saturation of 33.3% and a lightness of 30.6%. #344d68 color hex could be obtained by blending #689ad0 with #000000. Closest websafe color is: #336666.

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

● #344d68 color description : Very dark desaturated blue.

The hexadecimal color #344d68 has RGB values of R:52, G:77, B:104 and CMYK values of C:0.5, M:0.26, Y:0, K:0.59. Its decimal value is 3427688.

Hex triplet	344d68	`#344d68`
RGB Decimal	52, 77, 104	`rgb(52,77,104)`
RGB Percent	20.4, 30.2, 40.8	`rgb(20.4%,30.2%,40.8%)`
CMYK	50, 26, 0, 59
HSL	211.2°, 33.3, 30.6	`hsl(211.2,33.3%,30.6%)`
HSV (or HSB)	211.2°, 50, 40.8
Web Safe	336666	`#336666`

CIE-LAB	31.891, -1.245, -18.634
XYZ	6.568, 7.037, 14.108
xyY	0.237, 0.254, 7.037
CIE-LCH	31.891, 18.675, 266.178
CIE-LUV	31.891, -11.497, -24.16
Hunter-Lab	26.527, -2.226, -12.963
Binary	00110100, 01001101, 01101000

#344d68
```
#344d68 rgb(52,77,104)
```
#684f34
```
#684f34 rgb(104,79,52)
```

Complementary Color

#346768
```
#346768 rgb(52,103,104)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#353468
```
#353468 rgb(53,52,104)
```

Analogous Color

#676834
```
#676834 rgb(103,104,52)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#683534
```
#683534 rgb(104,53,52)
```

Split Complementary Color

#4d6834
```
#4d6834 rgb(77,104,52)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#68344d
```
#68344d rgb(104,52,77)
```

Triadic Color

#34684f
```
#34684f rgb(52,104,79)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#68344d
```
#68344d rgb(104,52,77)
```
#684f34
```
#684f34 rgb(104,79,52)
```

Tetradic Color

#1b2735
```
#1b2735 rgb(27,39,53)
```
#233446
```
#233446 rgb(35,52,70)
```
#2c4057
```
#2c4057 rgb(44,64,87)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#3d5a79
```
#3d5a79 rgb(61,90,121)
```
#45668a
```
#45668a rgb(69,102,138)
```
#4e739b
```
#4e739b rgb(78,115,155)
```

Monochromatic Color

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

#345a68
```
#345a68 rgb(52,90,104)
```
#345668
```
#345668 rgb(52,86,104)
```
#345168
```
#345168 rgb(52,81,104)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#344968
```
#344968 rgb(52,73,104)
```
#344468
```
#344468 rgb(52,68,104)
```
#344068
```
#344068 rgb(52,64,104)
```

Similar Colors

Text with hexadecimal color #344d68

This text has a font color of #344d68.

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

#344d68 background color

This paragraph has a background color of #344d68.

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

#344d68 border color

This element has a border color of #344d68.

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

CSS codes

.text {color:#344d68;}

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

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

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

#06090c
```
#06090c rgb(6,9,12)
```
#0d131a
```
#0d131a rgb(13,19,26)
```
#131d27
```
#131d27 rgb(19,29,39)
```
#1a2634
```
#1a2634 rgb(26,38,52)
```
#203041
```
#203041 rgb(32,48,65)
```
#273a4e
```
#273a4e rgb(39,58,78)
```
#2d435b
```
#2d435b rgb(45,67,91)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#3b5775
```
#3b5775 rgb(59,87,117)
```
#416082
```
#416082 rgb(65,96,130)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#4e749c
```
#4e749c rgb(78,116,156)
```
#557da9
```
#557da9 rgb(85,125,169)
```

Shade Color Variation

#6187b0
```
#6187b0 rgb(97,135,176)
```
#6f91b7
```
#6f91b7 rgb(111,145,183)
```
#7c9bbd
```
#7c9bbd rgb(124,155,189)
```
#89a5c4
```
#89a5c4 rgb(137,165,196)
```
#96afca
```
#96afca rgb(150,175,202)
```
#a3b9d1
```
#a3b9d1 rgb(163,185,209)
```
#b0c3d7
```
#b0c3d7 rgb(176,195,215)
```
#bdcdde
```
#bdcdde rgb(189,205,222)
```
#cad7e5
```
#cad7e5 rgb(202,215,229)
```
#d7e1eb
```
#d7e1eb rgb(215,225,235)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4c4e50
```
#4c4e50 rgb(76,78,80)
```
#464e56
```
#464e56 rgb(70,78,86)
```
#404d5c
```
#404d5c rgb(64,77,92)
```
#3a4d62
```
#3a4d62 rgb(58,77,98)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#2e4d6e
```
#2e4d6e rgb(46,77,110)
```
#284d74
```
#284d74 rgb(40,77,116)
```
#224c7a
```
#224c7a rgb(34,76,122)
```
#1c4c80
```
#1c4c80 rgb(28,76,128)
```
#164c86
```
#164c86 rgb(22,76,134)
```
#104c8c
```
#104c8c rgb(16,76,140)
```
#0a4b92
```
#0a4b92 rgb(10,75,146)
```
#044b98
```
#044b98 rgb(4,75,152)
```

Tone Color Variation

Below, you can see how #344d68 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
#454a4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c536d Protanopia 1% of men
#4a5370 Deuteranopia 1% of men
#38595f Tritanopia 0.001% of the population

Trichromacy

#43516b Protanomaly 1% of men, 0.01% of women
#42516d Deuteranomaly 6% of men, 0.4% of women
#365462 Tritanomaly 0.01% of the population

#344d68 hex color

#344d68 Color Information

#344d68 Color Conversion

Color Schemes with #344d68

Alternatives to #344d68

#344d68 Preview

Shades and Tints of #344d68

Tones of #344d68

Color Blindness Simulator