#344a5b hex color

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

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

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

The hexadecimal color #344a5b has RGB values of R:52, G:74, B:91 and CMYK values of C:0.43, M:0.19, Y:0, K:0.64. Its decimal value is 3426907.

Hex triplet	344a5b	`#344a5b`
RGB Decimal	52, 74, 91	`rgb(52,74,91)`
RGB Percent	20.4, 29, 35.7	`rgb(20.4%,29%,35.7%)`
CMYK	43, 19, 0, 64
HSL	206.2°, 27.3, 28	`hsl(206.2,27.3%,28%)`
HSV (or HSB)	206.2°, 42.9, 35.7
Web Safe	333366	`#333366`

CIE-LAB	30.358, -3.506, -12.726
XYZ	5.753, 6.383, 10.826
xyY	0.251, 0.278, 6.383
CIE-LCH	30.358, 13.2, 254.598
CIE-LUV	30.358, -10.291, -15.61
Hunter-Lab	25.264, -3.566, -7.721
Binary	00110100, 01001010, 01011011

#344a5b
```
#344a5b rgb(52,74,91)
```
#5b4534
```
#5b4534 rgb(91,69,52)
```

Complementary Color

#345b59
```
#345b59 rgb(52,91,89)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#34375b
```
#34375b rgb(52,55,91)
```

Analogous Color

#5b5934
```
#5b5934 rgb(91,89,52)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#5b3437
```
#5b3437 rgb(91,52,55)
```

Split Complementary Color

#4a5b34
```
#4a5b34 rgb(74,91,52)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#5b344a
```
#5b344a rgb(91,52,74)
```

Triadic Color

#345b45
```
#345b45 rgb(52,91,69)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#5b344a
```
#5b344a rgb(91,52,74)
```
#5b4534
```
#5b4534 rgb(91,69,52)
```

Tetradic Color

#18222a
```
#18222a rgb(24,34,42)
```
#21303b
```
#21303b rgb(33,48,59)
```
#2b3d4b
```
#2b3d4b rgb(43,61,75)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#3d576b
```
#3d576b rgb(61,87,107)
```
#47647b
```
#47647b rgb(71,100,123)
```
#50728c
```
#50728c rgb(80,114,140)
```

Monochromatic Color

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

#34545b
```
#34545b rgb(52,84,91)
```
#34515b
```
#34515b rgb(52,81,91)
```
#344d5b
```
#344d5b rgb(52,77,91)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#34475b
```
#34475b rgb(52,71,91)
```
#34445b
```
#34445b rgb(52,68,91)
```
#34405b
```
#34405b rgb(52,64,91)
```

Similar Colors

Text with hexadecimal color #344a5b

This text has a font color of #344a5b.

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

#344a5b background color

This paragraph has a background color of #344a5b.

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

#344a5b border color

This element has a border color of #344a5b.

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

CSS codes

.text {color:#344a5b;}

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

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

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)
```
#10171d
```
#10171d rgb(16,23,29)
```
#172129
```
#172129 rgb(23,33,41)
```
#1f2c36
```
#1f2c36 rgb(31,44,54)
```
#263642
```
#263642 rgb(38,54,66)
```
#2d404f
```
#2d404f rgb(45,64,79)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#3b5467
```
#3b5467 rgb(59,84,103)
```
#425e74
```
#425e74 rgb(66,94,116)
```
#496880
```
#496880 rgb(73,104,128)
```
#51738d
```
#51738d rgb(81,115,141)
```
#587d99
```
#587d99 rgb(88,125,153)
```

Shade Color Variation

#6087a4
```
#6087a4 rgb(96,135,164)
```
#6d90ab
```
#6d90ab rgb(109,144,171)
```
#799ab3
```
#799ab3 rgb(121,154,179)
```
#86a3ba
```
#86a3ba rgb(134,163,186)
```
#92adc1
```
#92adc1 rgb(146,173,193)
```
#9fb6c8
```
#9fb6c8 rgb(159,182,200)
```
#abbfcf
```
#abbfcf rgb(171,191,207)
```
#b8c9d6
```
#b8c9d6 rgb(184,201,214)
```
#c4d2dd
```
#c4d2dd rgb(196,210,221)
```
#d1dce5
```
#d1dce5 rgb(209,220,229)
```
#dde5ec
```
#dde5ec rgb(221,229,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 #02508d is the most saturated one.

#45484b
```
#45484b rgb(69,72,75)
```
#3f4950
```
#3f4950 rgb(63,73,80)
```
#3a4956
```
#3a4956 rgb(58,73,86)
```
#344a5b
```
#344a5b rgb(52,74,91)
```
#2f4b61
```
#2f4b61 rgb(47,75,97)
```
#294b66
```
#294b66 rgb(41,75,102)
```
#244c6c
```
#244c6c rgb(36,76,108)
```
#1e4d71
```
#1e4d71 rgb(30,77,113)
```
#194e77
```
#194e77 rgb(25,78,119)
```
#134e7c
```
#134e7c rgb(19,78,124)
```
#0e4f82
```
#0e4f82 rgb(14,79,130)
```
#085087
```
#085087 rgb(8,80,135)
```
#02508d
```
#02508d rgb(2,80,141)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#424649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5061 Protanopia 1% of men
#4d4f64 Deuteranopia 1% of men
#3b545b Tritanopia 0.001% of the population

Trichromacy

#434e5f Protanomaly 1% of men, 0.01% of women
#444d61 Deuteranomaly 6% of men, 0.4% of women
#38505b Tritanomaly 0.01% of the population

#344a5b hex color

#344a5b Color Information

#344a5b Color Conversion

Color Schemes with #344a5b

Alternatives to #344a5b

#344a5b Preview

Shades and Tints of #344a5b

Tones of #344a5b

Color Blindness Simulator