#344e7b hex color

In a RGB color space, hex #344e7b is composed of 20.4% red, 30.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 36.6% magenta, 0% yellow and 51.8% black. It has a hue angle of 218 degrees, a saturation of 40.6% and a lightness of 34.3%. #344e7b color hex could be obtained by blending #689cf6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 48
RGB color chart
- C 58
- M 37
- Y 0
- K 52
CMYK color chart

● #344e7b color description : Dark moderate blue.

The hexadecimal color #344e7b has RGB values of R:52, G:78, B:123 and CMYK values of C:0.58, M:0.37, Y:0, K:0.52. Its decimal value is 3427963.

Hex triplet	344e7b	`#344e7b`
RGB Decimal	52, 78, 123	`rgb(52,78,123)`
RGB Percent	20.4, 30.6, 48.2	`rgb(20.4%,30.6%,48.2%)`
CMYK	58, 37, 0, 52
HSL	218°, 40.6, 34.3	`hsl(218,40.6%,34.3%)`
HSV (or HSB)	218°, 57.7, 48.2
Web Safe	336666	`#336666`

CIE-LAB	33.154, 4.618, -28.561
XYZ	7.715, 7.608, 19.8
xyY	0.22, 0.217, 7.608
CIE-LCH	33.154, 28.932, 279.185
CIE-LUV	33.154, -11.883, -39.013
Hunter-Lab	27.583, 1.654, -23.251
Binary	00110100, 01001110, 01111011

#344e7b
```
#344e7b rgb(52,78,123)
```
#7b6134
```
#7b6134 rgb(123,97,52)
```

Complementary Color

#34727b
```
#34727b rgb(52,114,123)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#3e347b
```
#3e347b rgb(62,52,123)
```

Analogous Color

#727b34
```
#727b34 rgb(114,123,52)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#7b3e34
```
#7b3e34 rgb(123,62,52)
```

Split Complementary Color

#4e7b34
```
#4e7b34 rgb(78,123,52)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#7b344e
```
#7b344e rgb(123,52,78)
```

Triadic Color

#347b61
```
#347b61 rgb(52,123,97)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#7b344e
```
#7b344e rgb(123,52,78)
```
#7b6134
```
#7b6134 rgb(123,97,52)
```

Tetradic Color

#1d2c45
```
#1d2c45 rgb(29,44,69)
```
#253757
```
#253757 rgb(37,55,87)
```
#2c4369
```
#2c4369 rgb(44,67,105)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#3c598d
```
#3c598d rgb(60,89,141)
```
#43659f
```
#43659f rgb(67,101,159)
```
#4b70b1
```
#4b70b1 rgb(75,112,177)
```

Monochromatic Color

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

#34607b
```
#34607b rgb(52,96,123)
```
#345a7b
```
#345a7b rgb(52,90,123)
```
#34547b
```
#34547b rgb(52,84,123)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#34487b
```
#34487b rgb(52,72,123)
```
#34427b
```
#34427b rgb(52,66,123)
```
#343c7b
```
#343c7b rgb(52,60,123)
```

Similar Colors

Text with hexadecimal color #344e7b

This text has a font color of #344e7b.

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

#344e7b background color

This paragraph has a background color of #344e7b.

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

#344e7b border color

This element has a border color of #344e7b.

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

CSS codes

.text {color:#344e7b;}

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

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

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, #05080d is the darkest color, while #fefeff is the lightest one.

#05080d
```
#05080d rgb(5,8,13)
```
#0b111a
```
#0b111a rgb(11,17,26)
```
#111a28
```
#111a28 rgb(17,26,40)
```
#172236
```
#172236 rgb(23,34,54)
```
#1d2b44
```
#1d2b44 rgb(29,43,68)
```
#233452
```
#233452 rgb(35,52,82)
```
#283d5f
```
#283d5f rgb(40,61,95)
```
#2e456d
```
#2e456d rgb(46,69,109)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#3a5789
```
#3a5789 rgb(58,87,137)
```
#405f97
```
#405f97 rgb(64,95,151)
```
#4568a4
```
#4568a4 rgb(69,104,164)
```
#4b71b2
```
#4b71b2 rgb(75,113,178)
```

Shade Color Variation

#587cb9
```
#587cb9 rgb(88,124,185)
```
#6687be
```
#6687be rgb(102,135,190)
```
#7491c4
```
#7491c4 rgb(116,145,196)
```
#829cca
```
#829cca rgb(130,156,202)
```
#90a7d0
```
#90a7d0 rgb(144,167,208)
```
#9db2d6
```
#9db2d6 rgb(157,178,214)
```
#abbddc
```
#abbddc rgb(171,189,220)
```
#b9c8e1
```
#b9c8e1 rgb(185,200,225)
```
#c7d3e7
```
#c7d3e7 rgb(199,211,231)
```
#d5deed
```
#d5deed rgb(213,222,237)
```
#e2e8f3
```
#e2e8f3 rgb(226,232,243)
```
#f0f3f9
```
#f0f3f9 rgb(240,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565759 is the less saturated color, while #0541aa is the most saturated one.

#565759
```
#565759 rgb(86,87,89)
```
#4f5560
```
#4f5560 rgb(79,85,96)
```
#485367
```
#485367 rgb(72,83,103)
```
#41526e
```
#41526e rgb(65,82,110)
```
#3b5074
```
#3b5074 rgb(59,80,116)
```
#344e7b
```
#344e7b rgb(52,78,123)
```
#2d4c82
```
#2d4c82 rgb(45,76,130)
```
#274a88
```
#274a88 rgb(39,74,136)
```
#20498f
```
#20498f rgb(32,73,143)
```
#194796
```
#194796 rgb(25,71,150)
```
#12459d
```
#12459d rgb(18,69,157)
```
#0c43a3
```
#0c43a3 rgb(12,67,163)
```
#0541aa
```
#0541aa rgb(5,65,170)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465580 Protanopia 1% of men
#3f5781 Deuteranopia 1% of men
#305d64 Tritanopia 0.001% of the population

Trichromacy

#3f527e Protanomaly 1% of men, 0.01% of women
#3b537f Deuteranomaly 6% of men, 0.4% of women
#31576c Tritanomaly 0.01% of the population

#344e7b hex color

#344e7b Color Information

#344e7b Color Conversion

Color Schemes with #344e7b

Alternatives to #344e7b

#344e7b Preview

Shades and Tints of #344e7b

Tones of #344e7b

Color Blindness Simulator