#344c5d hex color

In a RGB color space, hex #344c5d is composed of 20.4% red, 29.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 18.3% magenta, 0% yellow and 63.5% black. It has a hue angle of 204.9 degrees, a saturation of 28.3% and a lightness of 28.4%. #344c5d color hex could be obtained by blending #6898ba with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #344c5d has RGB values of R:52, G:76, B:93 and CMYK values of C:0.44, M:0.18, Y:0, K:0.64. Its decimal value is 3427421.

Hex triplet	344c5d	`#344c5d`
RGB Decimal	52, 76, 93	`rgb(52,76,93)`
RGB Percent	20.4, 29.8, 36.5	`rgb(20.4%,29.8%,36.5%)`
CMYK	44, 18, 0, 64
HSL	204.9°, 28.3, 28.4	`hsl(204.9,28.3%,28.4%)`
HSV (or HSB)	204.9°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	31.088, -4.147, -12.888
XYZ	5.976, 6.689, 11.332
xyY	0.249, 0.279, 6.689
CIE-LCH	31.088, 13.539, 252.165
CIE-LUV	31.088, -11.102, -15.869
Hunter-Lab	25.863, -4.016, -7.873
Binary	00110100, 01001100, 01011101

#344c5d
```
#344c5d rgb(52,76,93)
```
#5d4534
```
#5d4534 rgb(93,69,52)
```

Complementary Color

#345d5a
```
#345d5a rgb(52,93,90)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#34385d
```
#34385d rgb(52,56,93)
```

Analogous Color

#5d5a34
```
#5d5a34 rgb(93,90,52)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#5d3438
```
#5d3438 rgb(93,52,56)
```

Split Complementary Color

#4c5d34
```
#4c5d34 rgb(76,93,52)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#5d344c
```
#5d344c rgb(93,52,76)
```

Triadic Color

#345d45
```
#345d45 rgb(52,93,69)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#5d344c
```
#5d344c rgb(93,52,76)
```
#5d4534
```
#5d4534 rgb(93,69,52)
```

Tetradic Color

#19242c
```
#19242c rgb(25,36,44)
```
#22313c
```
#22313c rgb(34,49,60)
```
#2b3f4d
```
#2b3f4d rgb(43,63,77)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#3d596d
```
#3d596d rgb(61,89,109)
```
#46677e
```
#46677e rgb(70,103,126)
```
#4f748e
```
#4f748e rgb(79,116,142)
```

Monochromatic Color

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

#34565d
```
#34565d rgb(52,86,93)
```
#34535d
```
#34535d rgb(52,83,93)
```
#344f5d
```
#344f5d rgb(52,79,93)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#34495d
```
#34495d rgb(52,73,93)
```
#34455d
```
#34455d rgb(52,69,93)
```
#34425d
```
#34425d rgb(52,66,93)
```

Similar Colors

Text with hexadecimal color #344c5d

This text has a font color of #344c5d.

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

#344c5d background color

This paragraph has a background color of #344c5d.

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

#344c5d border color

This element has a border color of #344c5d.

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

CSS codes

.text {color:#344c5d;}

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

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

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)
```
#0a0e12
```
#0a0e12 rgb(10,14,18)
```
#11191e
```
#11191e rgb(17,25,30)
```
#18232b
```
#18232b rgb(24,35,43)
```
#1f2d37
```
#1f2d37 rgb(31,45,55)
```
#263744
```
#263744 rgb(38,55,68)
```
#2d4250
```
#2d4250 rgb(45,66,80)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#3b566a
```
#3b566a rgb(59,86,106)
```
#426176
```
#426176 rgb(66,97,118)
```
#496b83
```
#496b83 rgb(73,107,131)
```
#50758f
```
#50758f rgb(80,117,143)
```
#577f9c
```
#577f9c rgb(87,127,156)
```

Shade Color Variation

#6089a6
```
#6089a6 rgb(96,137,166)
```
#6d93ad
```
#6d93ad rgb(109,147,173)
```
#7a9cb4
```
#7a9cb4 rgb(122,156,180)
```
#86a5bb
```
#86a5bb rgb(134,165,187)
```
#93afc2
```
#93afc2 rgb(147,175,194)
```
#9fb8c9
```
#9fb8c9 rgb(159,184,201)
```
#acc1d1
```
#acc1d1 rgb(172,193,209)
```
#b8cbd8
```
#b8cbd8 rgb(184,203,216)
```
#c5d4df
```
#c5d4df rgb(197,212,223)
```
#d2dde6
```
#d2dde6 rgb(210,221,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 #02558f is the most saturated one.

#45494c
```
#45494c rgb(69,73,76)
```
#3f4a52
```
#3f4a52 rgb(63,74,82)
```
#3a4b57
```
#3a4b57 rgb(58,75,87)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#2e4d63
```
#2e4d63 rgb(46,77,99)
```
#294e68
```
#294e68 rgb(41,78,104)
```
#234f6e
```
#234f6e rgb(35,79,110)
```
#1e5073
```
#1e5073 rgb(30,80,115)
```
#185179
```
#185179 rgb(24,81,121)
```
#13527e
```
#13527e rgb(19,82,126)
```
#0d5384
```
#0d5384 rgb(13,83,132)
```
#07548a
```
#07548a rgb(7,84,138)
```
#02558f
```
#02558f rgb(2,85,143)
```

Tone Color Variation

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

#4e5163 Protanopia 1% of men
#4f5166 Deuteranopia 1% of men
#3b565d Tritanopia 0.001% of the population

Trichromacy

#444f60 Protanomaly 1% of men, 0.01% of women
#454f63 Deuteranomaly 6% of men, 0.4% of women
#38525d Tritanomaly 0.01% of the population

#344c5d hex color

#344c5d Color Information

#344c5d Color Conversion

Color Schemes with #344c5d

Alternatives to #344c5d

#344c5d Preview

Shades and Tints of #344c5d

Tones of #344c5d

Color Blindness Simulator