#344b5d hex color

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

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

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

The hexadecimal color #344b5d has RGB values of R:52, G:75, B:93 and CMYK values of C:0.44, M:0.19, Y:0, K:0.64. Its decimal value is 3427165.

Hex triplet	344b5d	`#344b5d`
RGB Decimal	52, 75, 93	`rgb(52,75,93)`
RGB Percent	20.4, 29.4, 36.5	`rgb(20.4%,29.4%,36.5%)`
CMYK	44, 19, 0, 64
HSL	206.3°, 28.3, 28.4	`hsl(206.3,28.3%,28.4%)`
HSV (or HSB)	206.3°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	30.765, -3.515, -13.382
XYZ	5.908, 6.552, 11.309
xyY	0.249, 0.276, 6.552
CIE-LCH	30.765, 13.836, 255.282
CIE-LUV	30.765, -10.699, -16.549
Hunter-Lab	25.597, -3.6, -8.276
Binary	00110100, 01001011, 01011101

#344b5d
```
#344b5d rgb(52,75,93)
```
#5d4634
```
#5d4634 rgb(93,70,52)
```

Complementary Color

#345d5b
```
#345d5b rgb(52,93,91)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#34375d
```
#34375d rgb(52,55,93)
```

Analogous Color

#5d5b34
```
#5d5b34 rgb(93,91,52)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#5d3437
```
#5d3437 rgb(93,52,55)
```

Split Complementary Color

#4b5d34
```
#4b5d34 rgb(75,93,52)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#5d344b
```
#5d344b rgb(93,52,75)
```

Triadic Color

#345d46
```
#345d46 rgb(52,93,70)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#5d344b
```
#5d344b rgb(93,52,75)
```
#5d4634
```
#5d4634 rgb(93,70,52)
```

Tetradic Color

#19232c
```
#19232c rgb(25,35,44)
```
#22313c
```
#22313c rgb(34,49,60)
```
#2b3e4d
```
#2b3e4d rgb(43,62,77)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#3d586d
```
#3d586d rgb(61,88,109)
```
#46657e
```
#46657e rgb(70,101,126)
```
#4f738e
```
#4f738e rgb(79,115,142)
```

Monochromatic Color

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

#34555d
```
#34555d rgb(52,85,93)
```
#34525d
```
#34525d rgb(52,82,93)
```
#344e5d
```
#344e5d rgb(52,78,93)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#34485d
```
#34485d rgb(52,72,93)
```
#34445d
```
#34445d rgb(52,68,93)
```
#34415d
```
#34415d rgb(52,65,93)
```

Similar Colors

Text with hexadecimal color #344b5d

This text has a font color of #344b5d.

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

#344b5d background color

This paragraph has a background color of #344b5d.

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

#344b5d border color

This element has a border color of #344b5d.

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

CSS codes

.text {color:#344b5d;}

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

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

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)
```
#11181e
```
#11181e rgb(17,24,30)
```
#18222b
```
#18222b rgb(24,34,43)
```
#1f2d37
```
#1f2d37 rgb(31,45,55)
```
#263744
```
#263744 rgb(38,55,68)
```
#2d4150
```
#2d4150 rgb(45,65,80)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#3b556a
```
#3b556a rgb(59,85,106)
```
#425f76
```
#425f76 rgb(66,95,118)
```
#496983
```
#496983 rgb(73,105,131)
```
#50748f
```
#50748f rgb(80,116,143)
```
#577e9c
```
#577e9c rgb(87,126,156)
```

Shade Color Variation

#6088a6
```
#6088a6 rgb(96,136,166)
```
#6d91ad
```
#6d91ad rgb(109,145,173)
```
#7a9bb4
```
#7a9bb4 rgb(122,155,180)
```
#86a4bb
```
#86a4bb rgb(134,164,187)
```
#93adc2
```
#93adc2 rgb(147,173,194)
```
#9fb7c9
```
#9fb7c9 rgb(159,183,201)
```
#acc0d1
```
#acc0d1 rgb(172,192,209)
```
#b8cad8
```
#b8cad8 rgb(184,202,216)
```
#c5d3df
```
#c5d3df rgb(197,211,223)
```
#d2dde6
```
#d2dde6 rgb(210,221,230)
```
#dee6ed
```
#dee6ed rgb(222,230,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 #02518f is the most saturated one.

#45494c
```
#45494c rgb(69,73,76)
```
#3f4a52
```
#3f4a52 rgb(63,74,82)
```
#3a4a57
```
#3a4a57 rgb(58,74,87)
```
#344b5d
```
#344b5d rgb(52,75,93)
```
#2e4c63
```
#2e4c63 rgb(46,76,99)
```
#294c68
```
#294c68 rgb(41,76,104)
```
#234d6e
```
#234d6e rgb(35,77,110)
```
#1e4e73
```
#1e4e73 rgb(30,78,115)
```
#184e79
```
#184e79 rgb(24,78,121)
```
#134f7e
```
#134f7e rgb(19,79,126)
```
#0d5084
```
#0d5084 rgb(13,80,132)
```
#07508a
```
#07508a rgb(7,80,138)
```
#02518f
```
#02518f rgb(2,81,143)
```

Tone Color Variation

Below, you can see how #344b5d 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
#42474b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5163 Protanopia 1% of men
#4d5066 Deuteranopia 1% of men
#3b565c Tritanopia 0.001% of the population

Trichromacy

#444e61 Protanomaly 1% of men, 0.01% of women
#444e63 Deuteranomaly 6% of men, 0.4% of women
#38525c Tritanomaly 0.01% of the population

#344b5d hex color

#344b5d Color Information

#344b5d Color Conversion

Color Schemes with #344b5d

Alternatives to #344b5d

#344b5d Preview

Shades and Tints of #344b5d

Tones of #344b5d

Color Blindness Simulator