#344d5a hex color

In a RGB color space, hex #344d5a is composed of 20.4% red, 30.2% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 14.4% magenta, 0% yellow and 64.7% black. It has a hue angle of 200.5 degrees, a saturation of 26.8% and a lightness of 27.8%. #344d5a color hex could be obtained by blending #689ab4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 30
- B 35
RGB color chart
- C 42
- M 14
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #344d5a has RGB values of R:52, G:77, B:90 and CMYK values of C:0.42, M:0.14, Y:0, K:0.65. Its decimal value is 3427674.

Hex triplet	344d5a	`#344d5a`
RGB Decimal	52, 77, 90	`rgb(52,77,90)`
RGB Percent	20.4, 30.2, 35.3	`rgb(20.4%,30.2%,35.3%)`
CMYK	42, 14, 0, 65
HSL	200.5°, 26.8, 27.8	`hsl(200.5,26.8%,27.8%)`
HSV (or HSB)	200.5°, 42.2, 35.3
Web Safe	336666	`#336666`

CIE-LAB	31.291, -5.697, -10.667
XYZ	5.915, 6.776, 10.668
xyY	0.253, 0.29, 6.776
CIE-LCH	31.291, 12.093, 241.892
CIE-LUV	31.291, -11.512, -12.76
Hunter-Lab	26.03, -4.991, -6.079
Binary	00110100, 01001101, 01011010

#344d5a
```
#344d5a rgb(52,77,90)
```
#5a4134
```
#5a4134 rgb(90,65,52)
```

Complementary Color

#345a54
```
#345a54 rgb(52,90,84)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#343a5a
```
#343a5a rgb(52,58,90)
```

Analogous Color

#5a5434
```
#5a5434 rgb(90,84,52)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#5a343a
```
#5a343a rgb(90,52,58)
```

Split Complementary Color

#4d5a34
```
#4d5a34 rgb(77,90,52)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#5a344d
```
#5a344d rgb(90,52,77)
```

Triadic Color

#345a41
```
#345a41 rgb(52,90,65)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#5a344d
```
#5a344d rgb(90,52,77)
```
#5a4134
```
#5a4134 rgb(90,65,52)
```

Tetradic Color

#18242a
```
#18242a rgb(24,36,42)
```
#21313a
```
#21313a rgb(33,49,58)
```
#2b3f4a
```
#2b3f4a rgb(43,63,74)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#3d5b6a
```
#3d5b6a rgb(61,91,106)
```
#47697a
```
#47697a rgb(71,105,122)
```
#50768a
```
#50768a rgb(80,118,138)
```

Monochromatic Color

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

#34575a
```
#34575a rgb(52,87,90)
```
#34535a
```
#34535a rgb(52,83,90)
```
#34505a
```
#34505a rgb(52,80,90)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#344a5a
```
#344a5a rgb(52,74,90)
```
#34475a
```
#34475a rgb(52,71,90)
```
#34445a
```
#34445a rgb(52,68,90)
```

Similar Colors

Text with hexadecimal color #344d5a

This text has a font color of #344d5a.

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

#344d5a background color

This paragraph has a background color of #344d5a.

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

#344d5a border color

This element has a border color of #344d5a.

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

CSS codes

.text {color:#344d5a;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090d0f
```
#090d0f rgb(9,13,15)
```
#10181c
```
#10181c rgb(16,24,28)
```
#172228
```
#172228 rgb(23,34,40)
```
#1e2d35
```
#1e2d35 rgb(30,45,53)
```
#263841
```
#263841 rgb(38,56,65)
```
#2d424e
```
#2d424e rgb(45,66,78)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#3b5866
```
#3b5866 rgb(59,88,102)
```
#426273
```
#426273 rgb(66,98,115)
```
#4a6d7f
```
#4a6d7f rgb(74,109,127)
```
#51788c
```
#51788c rgb(81,120,140)
```
#588298
```
#588298 rgb(88,130,152)
```

Shade Color Variation

#608ca3
```
#608ca3 rgb(96,140,163)
```
#6d95ab
```
#6d95ab rgb(109,149,171)
```
#799eb2
```
#799eb2 rgb(121,158,178)
```
#86a7b9
```
#86a7b9 rgb(134,167,185)
```
#92b0c0
```
#92b0c0 rgb(146,176,192)
```
#9fb9c7
```
#9fb9c7 rgb(159,185,199)
```
#abc2ce
```
#abc2ce rgb(171,194,206)
```
#b7cbd6
```
#b7cbd6 rgb(183,203,214)
```
#c4d4dd
```
#c4d4dd rgb(196,212,221)
```
#d0dde4
```
#d0dde4 rgb(208,221,228)
```
#dde6eb
```
#dde6eb rgb(221,230,235)
```
#e9eff2
```
#e9eff2 rgb(233,239,242)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #44484a is the less saturated color, while #035d8b is the most saturated one.

#44484a
```
#44484a rgb(68,72,74)
```
#3f4a4f
```
#3f4a4f rgb(63,74,79)
```
#394b55
```
#394b55 rgb(57,75,85)
```
#344d5a
```
#344d5a rgb(52,77,90)
```
#2f4f5f
```
#2f4f5f rgb(47,79,95)
```
#295065
```
#295065 rgb(41,80,101)
```
#24526a
```
#24526a rgb(36,82,106)
```
#1e5470
```
#1e5470 rgb(30,84,112)
```
#195675
```
#195675 rgb(25,86,117)
```
#13577b
```
#13577b rgb(19,87,123)
```
#0e5980
```
#0e5980 rgb(14,89,128)
```
#085b86
```
#085b86 rgb(8,91,134)
```
#035d8b
```
#035d8b rgb(3,93,139)
```

Tone Color Variation

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

#505260 Protanopia 1% of men
#515164 Deuteranopia 1% of men
#3c575d Tritanopia 0.001% of the population

Trichromacy

#45505d Protanomaly 1% of men, 0.01% of women
#464f60 Deuteranomaly 6% of men, 0.4% of women
#39535c Tritanomaly 0.01% of the population

#344d5a hex color

#344d5a Color Information

#344d5a Color Conversion

Color Schemes with #344d5a

Alternatives to #344d5a

#344d5a Preview

Shades and Tints of #344d5a

Tones of #344d5a

Color Blindness Simulator