#344d5d hex color

In a RGB color space, hex #344d5d is composed of 20.4% red, 30.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 17.2% magenta, 0% yellow and 63.5% black. It has a hue angle of 203.4 degrees, a saturation of 28.3% and a lightness of 28.4%. #344d5d color hex could be obtained by blending #689aba with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 30
- B 36
RGB color chart
- C 44
- M 17
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #344d5d has RGB values of R:52, G:77, B:93 and CMYK values of C:0.44, M:0.17, Y:0, K:0.64. Its decimal value is 3427677.

Hex triplet	344d5d	`#344d5d`
RGB Decimal	52, 77, 93	`rgb(52,77,93)`
RGB Percent	20.4, 30.2, 36.5	`rgb(20.4%,30.2%,36.5%)`
CMYK	44, 17, 0, 64
HSL	203.4°, 28.3, 28.4	`hsl(203.4,28.3%,28.4%)`
HSV (or HSB)	203.4°, 44.1, 36.5
Web Safe	336666	`#336666`

CIE-LAB	31.412, -4.774, -12.394
XYZ	6.045, 6.828, 11.355
xyY	0.25, 0.282, 6.828
CIE-LCH	31.412, 13.282, 248.933
CIE-LUV	31.412, -11.506, -15.185
Hunter-Lab	26.13, -4.431, -7.473
Binary	00110100, 01001101, 01011101

#344d5d
```
#344d5d rgb(52,77,93)
```
#5d4434
```
#5d4434 rgb(93,68,52)
```

Complementary Color

#345d59
```
#345d59 rgb(52,93,89)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#34395d
```
#34395d rgb(52,57,93)
```

Analogous Color

#5d5934
```
#5d5934 rgb(93,89,52)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#5d3439
```
#5d3439 rgb(93,52,57)
```

Split Complementary Color

#4d5d34
```
#4d5d34 rgb(77,93,52)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#5d344d
```
#5d344d rgb(93,52,77)
```

Triadic Color

#345d44
```
#345d44 rgb(52,93,68)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#5d344d
```
#5d344d rgb(93,52,77)
```
#5d4434
```
#5d4434 rgb(93,68,52)
```

Tetradic Color

#19242c
```
#19242c rgb(25,36,44)
```
#22323c
```
#22323c rgb(34,50,60)
```
#2b3f4d
```
#2b3f4d rgb(43,63,77)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#3d5b6d
```
#3d5b6d rgb(61,91,109)
```
#46687e
```
#46687e rgb(70,104,126)
```
#4f768e
```
#4f768e rgb(79,118,142)
```

Monochromatic Color

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

#34575d
```
#34575d rgb(52,87,93)
```
#34545d
```
#34545d rgb(52,84,93)
```
#34505d
```
#34505d rgb(52,80,93)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#34465d
```
#34465d rgb(52,70,93)
```
#34435d
```
#34435d rgb(52,67,93)
```

Similar Colors

Text with hexadecimal color #344d5d

This text has a font color of #344d5d.

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

#344d5d background color

This paragraph has a background color of #344d5d.

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

#344d5d border color

This element has a border color of #344d5d.

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

CSS codes

.text {color:#344d5d;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#11191e
```
#11191e rgb(17,25,30)
```
#18232b
```
#18232b rgb(24,35,43)
```
#1f2e37
```
#1f2e37 rgb(31,46,55)
```
#263844
```
#263844 rgb(38,56,68)
```
#2d4350
```
#2d4350 rgb(45,67,80)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#3b576a
```
#3b576a rgb(59,87,106)
```
#426276
```
#426276 rgb(66,98,118)
```
#496c83
```
#496c83 rgb(73,108,131)
```
#50778f
```
#50778f rgb(80,119,143)
```
#57819c
```
#57819c rgb(87,129,156)
```

Shade Color Variation

#608ba6
```
#608ba6 rgb(96,139,166)
```
#6d94ad
```
#6d94ad rgb(109,148,173)
```
#7a9db4
```
#7a9db4 rgb(122,157,180)
```
#86a7bb
```
#86a7bb rgb(134,167,187)
```
#93b0c2
```
#93b0c2 rgb(147,176,194)
```
#9fb9c9
```
#9fb9c9 rgb(159,185,201)
```
#acc2d1
```
#acc2d1 rgb(172,194,209)
```
#b8cbd8
```
#b8cbd8 rgb(184,203,216)
```
#c5d5df
```
#c5d5df rgb(197,213,223)
```
#d2dee6
```
#d2dee6 rgb(210,222,230)
```
#dee7ed
```
#dee7ed rgb(222,231,237)
```
#ebf0f4
```
#ebf0f4 rgb(235,240,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45494c is the less saturated color, while #02588f is the most saturated one.

#45494c
```
#45494c rgb(69,73,76)
```
#3f4b52
```
#3f4b52 rgb(63,75,82)
```
#3a4c57
```
#3a4c57 rgb(58,76,87)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#2e4e63
```
#2e4e63 rgb(46,78,99)
```
#294f68
```
#294f68 rgb(41,79,104)
```
#23516e
```
#23516e rgb(35,81,110)
```
#1e5273
```
#1e5273 rgb(30,82,115)
```
#185379
```
#185379 rgb(24,83,121)
```
#13547e
```
#13547e rgb(19,84,126)
```
#0d5684
```
#0d5684 rgb(13,86,132)
```
#07578a
```
#07578a rgb(7,87,138)
```
#02588f
```
#02588f rgb(2,88,143)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5263 Protanopia 1% of men
#505167 Deuteranopia 1% of men
#3c575d Tritanopia 0.001% of the population

Trichromacy

#455060 Protanomaly 1% of men, 0.01% of women
#455063 Deuteranomaly 6% of men, 0.4% of women
#39535d Tritanomaly 0.01% of the population

#344d5d hex color

#344d5d Color Information

#344d5d Color Conversion

Color Schemes with #344d5d

Alternatives to #344d5d

#344d5d Preview

Shades and Tints of #344d5d

Tones of #344d5d

Color Blindness Simulator