#344a5d hex color

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

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

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

The hexadecimal color #344a5d has RGB values of R:52, G:74, B:93 and CMYK values of C:0.44, M:0.2, Y:0, K:0.64. Its decimal value is 3426909.

Hex triplet	344a5d	`#344a5d`
RGB Decimal	52, 74, 93	`rgb(52,74,93)`
RGB Percent	20.4, 29, 36.5	`rgb(20.4%,29%,36.5%)`
CMYK	44, 20, 0, 64
HSL	207.8°, 28.3, 28.4	`hsl(207.8,28.3%,28.4%)`
HSV (or HSB)	207.8°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	30.443, -2.88, -13.876
XYZ	5.84, 6.418, 11.286
xyY	0.248, 0.273, 6.418
CIE-LCH	30.443, 14.172, 258.273
CIE-LUV	30.443, -10.298, -17.226
Hunter-Lab	25.333, -3.182, -8.681
Binary	00110100, 01001010, 01011101

#344a5d
```
#344a5d rgb(52,74,93)
```
#5d4734
```
#5d4734 rgb(93,71,52)
```

Complementary Color

#345d5c
```
#345d5c rgb(52,93,92)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#34365d
```
#34365d rgb(52,54,93)
```

Analogous Color

#5d5c34
```
#5d5c34 rgb(93,92,52)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#5d3436
```
#5d3436 rgb(93,52,54)
```

Split Complementary Color

#4a5d34
```
#4a5d34 rgb(74,93,52)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#5d344a
```
#5d344a rgb(93,52,74)
```

Triadic Color

#345d47
```
#345d47 rgb(52,93,71)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#5d344a
```
#5d344a rgb(93,52,74)
```
#5d4734
```
#5d4734 rgb(93,71,52)
```

Tetradic Color

#19232c
```
#19232c rgb(25,35,44)
```
#22303c
```
#22303c rgb(34,48,60)
```
#2b3d4d
```
#2b3d4d rgb(43,61,77)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#3d576d
```
#3d576d rgb(61,87,109)
```
#46647e
```
#46647e rgb(70,100,126)
```
#4f718e
```
#4f718e rgb(79,113,142)
```

Monochromatic Color

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

#34545d
```
#34545d rgb(52,84,93)
```
#34515d
```
#34515d rgb(52,81,93)
```
#344d5d
```
#344d5d rgb(52,77,93)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#34475d
```
#34475d rgb(52,71,93)
```
#34435d
```
#34435d rgb(52,67,93)
```
#34405d
```
#34405d rgb(52,64,93)
```

Similar Colors

Text with hexadecimal color #344a5d

This text has a font color of #344a5d.

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

#344a5d background color

This paragraph has a background color of #344a5d.

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

#344a5d border color

This element has a border color of #344a5d.

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

CSS codes

.text {color:#344a5d;}

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

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

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)
```
#1f2c37
```
#1f2c37 rgb(31,44,55)
```
#263644
```
#263644 rgb(38,54,68)
```
#2d4050
```
#2d4050 rgb(45,64,80)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#3b546a
```
#3b546a rgb(59,84,106)
```
#425e76
```
#425e76 rgb(66,94,118)
```
#496883
```
#496883 rgb(73,104,131)
```
#50728f
```
#50728f rgb(80,114,143)
```
#577c9c
```
#577c9c rgb(87,124,156)
```

Shade Color Variation

#6086a6
```
#6086a6 rgb(96,134,166)
```
#6d90ad
```
#6d90ad rgb(109,144,173)
```
#7a99b4
```
#7a99b4 rgb(122,153,180)
```
#86a3bb
```
#86a3bb rgb(134,163,187)
```
#93acc2
```
#93acc2 rgb(147,172,194)
```
#9fb6c9
```
#9fb6c9 rgb(159,182,201)
```
#acc0d1
```
#acc0d1 rgb(172,192,209)
```
#b8c9d8
```
#b8c9d8 rgb(184,201,216)
```
#c5d3df
```
#c5d3df rgb(197,211,223)
```
#d2dce6
```
#d2dce6 rgb(210,220,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 #024e8f is the most saturated one.

#45494c
```
#45494c rgb(69,73,76)
```
#3f4952
```
#3f4952 rgb(63,73,82)
```
#3a4a57
```
#3a4a57 rgb(58,74,87)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#2e4a63
```
#2e4a63 rgb(46,74,99)
```
#294b68
```
#294b68 rgb(41,75,104)
```
#234b6e
```
#234b6e rgb(35,75,110)
```
#1e4c73
```
#1e4c73 rgb(30,76,115)
```
#184c79
```
#184c79 rgb(24,76,121)
```
#134c7e
```
#134c7e rgb(19,76,126)
```
#0d4d84
```
#0d4d84 rgb(13,77,132)
```
#074d8a
```
#074d8a rgb(7,77,138)
```
#024e8f
```
#024e8f rgb(2,78,143)
```

Tone Color Variation

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

#4c5063 Protanopia 1% of men
#4c4f66 Deuteranopia 1% of men
#3b555b Tritanopia 0.001% of the population

Trichromacy

#434e61 Protanomaly 1% of men, 0.01% of women
#434d63 Deuteranomaly 6% of men, 0.4% of women
#38515c Tritanomaly 0.01% of the population

#344a5d hex color

#344a5d Color Information

#344a5d Color Conversion

Color Schemes with #344a5d

Alternatives to #344a5d

#344a5d Preview

Shades and Tints of #344a5d

Tones of #344a5d

Color Blindness Simulator