#344e73 hex color

In a RGB color space, hex #344e73 is composed of 20.4% red, 30.6% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 32.2% magenta, 0% yellow and 54.9% black. It has a hue angle of 215.2 degrees, a saturation of 37.7% and a lightness of 32.7%. #344e73 color hex could be obtained by blending #689ce6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 45
RGB color chart
- C 55
- M 32
- Y 0
- K 55
CMYK color chart

● #344e73 color description : Dark moderate blue.

The hexadecimal color #344e73 has RGB values of R:52, G:78, B:115 and CMYK values of C:0.55, M:0.32, Y:0, K:0.55. Its decimal value is 3427955.

Hex triplet	344e73	`#344e73`
RGB Decimal	52, 78, 115	`rgb(52,78,115)`
RGB Percent	20.4, 30.6, 45.1	`rgb(20.4%,30.6%,45.1%)`
CMYK	55, 32, 0, 55
HSL	215.2°, 37.7, 32.7	`hsl(215.2,37.7%,32.7%)`
HSV (or HSB)	215.2°, 54.8, 45.1
Web Safe	336666	`#336666`

CIE-LAB	32.736, 1.826, -24.231
XYZ	7.234, 7.416, 17.269
xyY	0.227, 0.232, 7.416
CIE-LCH	32.736, 24.3, 274.31
CIE-LUV	32.736, -11.875, -32.5
Hunter-Lab	27.233, -0.239, -18.534
Binary	00110100, 01001110, 01110011

#344e73
```
#344e73 rgb(52,78,115)
```
#735934
```
#735934 rgb(115,89,52)
```

Complementary Color

#346e73
```
#346e73 rgb(52,110,115)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#3a3473
```
#3a3473 rgb(58,52,115)
```

Analogous Color

#6e7334
```
#6e7334 rgb(110,115,52)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#733a34
```
#733a34 rgb(115,58,52)
```

Split Complementary Color

#4e7334
```
#4e7334 rgb(78,115,52)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#73344e
```
#73344e rgb(115,52,78)
```

Triadic Color

#347359
```
#347359 rgb(52,115,89)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#73344e
```
#73344e rgb(115,52,78)
```
#735934
```
#735934 rgb(115,89,52)
```

Tetradic Color

#1c2a3e
```
#1c2a3e rgb(28,42,62)
```
#243650
```
#243650 rgb(36,54,80)
```
#2c4261
```
#2c4261 rgb(44,66,97)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#3c5a85
```
#3c5a85 rgb(60,90,133)
```
#446696
```
#446696 rgb(68,102,150)
```
#4c72a8
```
#4c72a8 rgb(76,114,168)
```

Monochromatic Color

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

#345e73
```
#345e73 rgb(52,94,115)
```
#345973
```
#345973 rgb(52,89,115)
```
#345373
```
#345373 rgb(52,83,115)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#344973
```
#344973 rgb(52,73,115)
```
#344473
```
#344473 rgb(52,68,115)
```
#343e73
```
#343e73 rgb(52,62,115)
```

Similar Colors

Text with hexadecimal color #344e73

This text has a font color of #344e73.

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

#344e73 background color

This paragraph has a background color of #344e73.

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

#344e73 border color

This element has a border color of #344e73.

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

CSS codes

.text {color:#344e73;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090e14
```
#090e14 rgb(9,14,20)
```
#0f1722
```
#0f1722 rgb(15,23,34)
```
#15202f
```
#15202f rgb(21,32,47)
```
#1c293d
```
#1c293d rgb(28,41,61)
```
#22334a
```
#22334a rgb(34,51,74)
```
#283c58
```
#283c58 rgb(40,60,88)
```
#2e4565
```
#2e4565 rgb(46,69,101)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#3a5781
```
#3a5781 rgb(58,87,129)
```
#40608e
```
#40608e rgb(64,96,142)
```
#46699c
```
#46699c rgb(70,105,156)
```
#4c73a9
```
#4c73a9 rgb(76,115,169)
```

Shade Color Variation

#567cb3
```
#567cb3 rgb(86,124,179)
```
#6487b9
```
#6487b9 rgb(100,135,185)
```
#7191bf
```
#7191bf rgb(113,145,191)
```
#7f9cc5
```
#7f9cc5 rgb(127,156,197)
```
#8ca6cb
```
#8ca6cb rgb(140,166,203)
```
#9ab1d1
```
#9ab1d1 rgb(154,177,209)
```
#a7bbd7
```
#a7bbd7 rgb(167,187,215)
```
#b5c6dd
```
#b5c6dd rgb(181,198,221)
```
#c2d0e4
```
#c2d0e4 rgb(194,208,228)
```
#d0dbea
```
#d0dbea rgb(208,219,234)
```
#dde5f0
```
#dde5f0 rgb(221,229,240)
```
#ebeff6
```
#ebeff6 rgb(235,239,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5259 is the less saturated color, while #0145a6 is the most saturated one.

#4e5259
```
#4e5259 rgb(78,82,89)
```
#475160
```
#475160 rgb(71,81,96)
```
#415066
```
#415066 rgb(65,80,102)
```
#3a4f6d
```
#3a4f6d rgb(58,79,109)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#2e4d79
```
#2e4d79 rgb(46,77,121)
```
#274c80
```
#274c80 rgb(39,76,128)
```
#214b86
```
#214b86 rgb(33,75,134)
```
#1a4a8d
```
#1a4a8d rgb(26,74,141)
```
#144893
```
#144893 rgb(20,72,147)
```
#0d479a
```
#0d479a rgb(13,71,154)
```
#0746a0
```
#0746a0 rgb(7,70,160)
```
#0145a6
```
#0145a6 rgb(1,69,166)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#464b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495578 Protanopia 1% of men
#45557a Deuteranopia 1% of men
#345c62 Tritanopia 0.001% of the population

Trichromacy

#415276 Protanomaly 1% of men, 0.01% of women
#3e5278 Deuteranomaly 6% of men, 0.4% of women
#345668 Tritanomaly 0.01% of the population

#344e73 hex color

#344e73 Color Information

#344e73 Color Conversion

Color Schemes with #344e73

Alternatives to #344e73

#344e73 Preview

Shades and Tints of #344e73

Tones of #344e73

Color Blindness Simulator