colorhexa.com

#344b5b hex color

In a RGB color space, hex #344b5b is composed of 20.4% red, 29.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 17.6% magenta, 0% yellow and 64.3% black. It has a hue angle of 204.6 degrees, a saturation of 27.3% and a lightness of 28%. #344b5b color hex could be obtained by blending #6896b6 with #000000. Closest websafe color is: #333366.

- R 20
- G 29
- B 36
RGB color chart
- C 43
- M 18
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #344b5b has RGB values of R:52, G:75, B:91 and CMYK values of C:0.43, M:0.18, Y:0, K:0.64. Its decimal value is 3427163.

Hex triplet	344b5b	`#344b5b`
RGB Decimal	52, 75, 91	`rgb(52,75,91)`
RGB Percent	20.4, 29.4, 35.7	`rgb(20.4%,29.4%,35.7%)`
CMYK	43, 18, 0, 64
HSL	204.6°, 27.3, 28	`hsl(204.6,27.3%,28%)`
HSV (or HSB)	204.6°, 42.9, 35.7
Web Safe	333366	`#333366`

CIE-LAB	30.682, -4.138, -12.232
XYZ	5.82, 6.517, 10.848
xyY	0.251, 0.281, 6.517
CIE-LCH	30.682, 12.913, 251.31
CIE-LUV	30.682, -10.696, -14.933
Hunter-Lab	25.529, -3.981, -7.324
Binary	00110100, 01001011, 01011011

#344b5b
```
#344b5b rgb(52,75,91)
```
#5b4434
```
#5b4434 rgb(91,68,52)
```

Complementary Color

#345b58
```
#345b58 rgb(52,91,88)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#34385b
```
#34385b rgb(52,56,91)
```

Analogous Color

#5b5834
```
#5b5834 rgb(91,88,52)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#5b3438
```
#5b3438 rgb(91,52,56)
```

Split Complementary Color

#18232a
```
#18232a rgb(24,35,42)
```
#21303b
```
#21303b rgb(33,48,59)
```
#2b3e4b
```
#2b3e4b rgb(43,62,75)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#3d586b
```
#3d586b rgb(61,88,107)
```
#47667b
```
#47667b rgb(71,102,123)
```
#50738c
```
#50738c rgb(80,115,140)
```

Monochromatic Color

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

#34555b
```
#34555b rgb(52,85,91)
```
#34525b
```
#34525b rgb(52,82,91)
```
#344e5b
```
#344e5b rgb(52,78,91)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#34485b
```
#34485b rgb(52,72,91)
```
#34455b
```
#34455b rgb(52,69,91)
```
#34415b
```
#34415b rgb(52,65,91)
```

Similar Colors

Text with hexadecimal color #344b5b

This text has a font color of #344b5b.

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

#344b5b background color

This paragraph has a background color of #344b5b.

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

#344b5b border color

This element has a border color of #344b5b.

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

CSS codes

.text {color:#344b5b;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#10181d
```
#10181d rgb(16,24,29)
```
#172229
```
#172229 rgb(23,34,41)
```
#1f2c36
```
#1f2c36 rgb(31,44,54)
```
#263642
```
#263642 rgb(38,54,66)
```
#2d414f
```
#2d414f rgb(45,65,79)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#3b5567
```
#3b5567 rgb(59,85,103)
```
#426074
```
#426074 rgb(66,96,116)
```
#496a80
```
#496a80 rgb(73,106,128)
```
#51748d
```
#51748d rgb(81,116,141)
```
#587e99
```
#587e99 rgb(88,126,153)
```

Shade Color Variation

#6088a4
```
#6088a4 rgb(96,136,164)
```
#6d92ab
```
#6d92ab rgb(109,146,171)
```
#799bb3
```
#799bb3 rgb(121,155,179)
```
#86a4ba
```
#86a4ba rgb(134,164,186)
```
#92aec1
```
#92aec1 rgb(146,174,193)
```
#9fb7c8
```
#9fb7c8 rgb(159,183,200)
```
#abc0cf
```
#abc0cf rgb(171,192,207)
```
#b8cad6
```
#b8cad6 rgb(184,202,214)
```
#c4d3dd
```
#c4d3dd rgb(196,211,221)
```
#d1dce5
```
#d1dce5 rgb(209,220,229)
```
#dde6ec
```
#dde6ec rgb(221,230,236)
```
#eaeff3
```
#eaeff3 rgb(234,239,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#45484b
```
#45484b rgb(69,72,75)
```
#3f4950
```
#3f4950 rgb(63,73,80)
```
#3a4a56
```
#3a4a56 rgb(58,74,86)
```
#344b5b
```
#344b5b rgb(52,75,91)
```
#2f4c61
```
#2f4c61 rgb(47,76,97)
```
#294d66
```
#294d66 rgb(41,77,102)
```
#244e6c
```
#244e6c rgb(36,78,108)
```
#1e4f71
```
#1e4f71 rgb(30,79,113)
```
#195077
```
#195077 rgb(25,80,119)
```
#13517c
```
#13517c rgb(19,81,124)
```
#0e5282
```
#0e5282 rgb(14,82,130)
```
#085387
```
#085387 rgb(8,83,135)
```
#02548d
```
#02548d rgb(2,84,141)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5161 Protanopia 1% of men
#4e5065 Deuteranopia 1% of men
#3c555b Tritanopia 0.001% of the population

Trichromacy

#444e5f Protanomaly 1% of men, 0.01% of women
#454e61 Deuteranomaly 6% of men, 0.4% of women
#39515b Tritanomaly 0.01% of the population