#344696 hex color

In a RGB color space, hex #344696 is composed of 20.4% red, 27.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 53.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 229 degrees, a saturation of 48.5% and a lightness of 39.6%. #344696 color hex could be obtained by blending #688cff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 27
- B 59
RGB color chart
- C 65
- M 53
- Y 0
- K 41
CMYK color chart

● #344696 color description : Dark moderate blue.

The hexadecimal color #344696 has RGB values of R:52, G:70, B:150 and CMYK values of C:0.65, M:0.53, Y:0, K:0.41. Its decimal value is 3425942.

Hex triplet	344696	`#344696`
RGB Decimal	52, 70, 150	`rgb(52,70,150)`
RGB Percent	20.4, 27.5, 58.8	`rgb(20.4%,27.5%,58.8%)`
CMYK	65, 53, 0, 41
HSL	229°, 48.5, 39.6	`hsl(229,48.5%,39.6%)`
HSV (or HSB)	229°, 65.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	32.507, 19.743, -46.196
XYZ	9.11, 7.312, 29.784
xyY	0.197, 0.158, 7.312
CIE-LCH	32.507, 50.238, 293.14
CIE-LUV	32.507, -9.619, -64.305
Hunter-Lab	27.04, 12.818, -46.377
Binary	00110100, 01000110, 10010110

#344696
```
#344696 rgb(52,70,150)
```
#968434
```
#968434 rgb(150,132,52)
```

Complementary Color

#347796
```
#347796 rgb(52,119,150)
```
#344696
```
#344696 rgb(52,70,150)
```
#533496
```
#533496 rgb(83,52,150)
```

Analogous Color

#779634
```
#779634 rgb(119,150,52)
```
#344696
```
#344696 rgb(52,70,150)
```
#965334
```
#965334 rgb(150,83,52)
```

Split Complementary Color

#469634
```
#469634 rgb(70,150,52)
```
#344696
```
#344696 rgb(52,70,150)
```
#963446
```
#963446 rgb(150,52,70)
```

Triadic Color

#349684
```
#349684 rgb(52,150,132)
```
#344696
```
#344696 rgb(52,70,150)
```
#963446
```
#963446 rgb(150,52,70)
```
#968434
```
#968434 rgb(150,132,52)
```

Tetradic Color

#202b5d
```
#202b5d rgb(32,43,93)
```
#273470
```
#273470 rgb(39,52,112)
```
#2d3d83
```
#2d3d83 rgb(45,61,131)
```
#344696
```
#344696 rgb(52,70,150)
```
#3b4fa9
```
#3b4fa9 rgb(59,79,169)
```
#4158bc
```
#4158bc rgb(65,88,188)
```
#5368c3
```
#5368c3 rgb(83,104,195)
```

Monochromatic Color

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

#345f96
```
#345f96 rgb(52,95,150)
```
#345696
```
#345696 rgb(52,86,150)
```
#344e96
```
#344e96 rgb(52,78,150)
```
#344696
```
#344696 rgb(52,70,150)
```
#343e96
```
#343e96 rgb(52,62,150)
```
#343696
```
#343696 rgb(52,54,150)
```
#3a3496
```
#3a3496 rgb(58,52,150)
```

Similar Colors

Text with hexadecimal color #344696

This text has a font color of #344696.

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

#344696 background color

This paragraph has a background color of #344696.

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

#344696 border color

This element has a border color of #344696.

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

CSS codes

.text {color:#344696;}

.background {background-color:#344696;}

.border {border:1px solid #344696;}

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

#020204
```
#020204 rgb(2,2,4)
```
#070913
```
#070913 rgb(7,9,19)
```
#0c1021
```
#0c1021 rgb(12,16,33)
```
#111630
```
#111630 rgb(17,22,48)
```
#161d3f
```
#161d3f rgb(22,29,63)
```
#1b244d
```
#1b244d rgb(27,36,77)
```
#202b5c
```
#202b5c rgb(32,43,92)
```
#25326a
```
#25326a rgb(37,50,106)
```
#2a3879
```
#2a3879 rgb(42,56,121)
```
#2f3f87
```
#2f3f87 rgb(47,63,135)
```
#344696
```
#344696 rgb(52,70,150)
```
#394da5
```
#394da5 rgb(57,77,165)
```
#3e54b3
```
#3e54b3 rgb(62,84,179)
```

Shade Color Variation

#465cbf
```
#465cbf rgb(70,92,191)
```
#5569c4
```
#5569c4 rgb(85,105,196)
```
#6376c9
```
#6376c9 rgb(99,118,201)
```
#7283ce
```
#7283ce rgb(114,131,206)
```
#808fd3
```
#808fd3 rgb(128,143,211)
```
#8f9cd8
```
#8f9cd8 rgb(143,156,216)
```
#9da9dd
```
#9da9dd rgb(157,169,221)
```
#acb6e2
```
#acb6e2 rgb(172,182,226)
```
#bbc3e7
```
#bbc3e7 rgb(187,195,231)
```
#c9d0ec
```
#c9d0ec rgb(201,208,236)
```
#d8dcf1
```
#d8dcf1 rgb(216,220,241)
```
#e6e9f6
```
#e6e9f6 rgb(230,233,246)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#636367
```
#636367 rgb(99,99,103)
```
#5b5f6f
```
#5b5f6f rgb(91,95,111)
```
#535a77
```
#535a77 rgb(83,90,119)
```
#4b557f
```
#4b557f rgb(75,85,127)
```
#445086
```
#445086 rgb(68,80,134)
```
#3c4b8e
```
#3c4b8e rgb(60,75,142)
```
#344696
```
#344696 rgb(52,70,150)
```
#2c419e
```
#2c419e rgb(44,65,158)
```
#243ca6
```
#243ca6 rgb(36,60,166)
```
#1d37ad
```
#1d37ad rgb(29,55,173)
```
#1532b5
```
#1532b5 rgb(21,50,181)
```
#0d2dbd
```
#0d2dbd rgb(13,45,189)
```
#0529c5
```
#0529c5 rgb(5,41,197)
```

Tone Color Variation

Below, you can see how #344696 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
#464959 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e539e Protanopia 1% of men
#005790 Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#264e9b Protanomaly 1% of men, 0.01% of women
#125192 Deuteranomaly 6% of men, 0.4% of women
#125576 Tritanomaly 0.01% of the population

#344696 hex color

#344696 Color Information

#344696 Color Conversion

Color Schemes with #344696

Alternatives to #344696

#344696 Preview

Shades and Tints of #344696

Tones of #344696

Color Blindness Simulator