#344868 hex color

In a RGB color space, hex #344868 is composed of 20.4% red, 28.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 30.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 216.9 degrees, a saturation of 33.3% and a lightness of 30.6%. #344868 color hex could be obtained by blending #6890d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 28
- B 41
RGB color chart
- C 50
- M 31
- Y 0
- K 59
CMYK color chart

● #344868 color description : Very dark desaturated blue.

The hexadecimal color #344868 has RGB values of R:52, G:72, B:104 and CMYK values of C:0.5, M:0.31, Y:0, K:0.59. Its decimal value is 3426408.

Hex triplet	344868	`#344868`
RGB Decimal	52, 72, 104	`rgb(52,72,104)`
RGB Percent	20.4, 28.2, 40.8	`rgb(20.4%,28.2%,40.8%)`
CMYK	50, 31, 0, 59
HSL	216.9°, 33.3, 30.6	`hsl(216.9,33.3%,30.6%)`
HSV (or HSB)	216.9°, 50, 40.8
Web Safe	333366	`#333366`

CIE-LAB	30.313, 1.992, -21.086
XYZ	6.232, 6.364, 13.996
xyY	0.234, 0.239, 6.364
CIE-LCH	30.313, 21.18, 275.397
CIE-LUV	30.313, -9.596, -27.466
Hunter-Lab	25.227, -0.053, -15.235
Binary	00110100, 01001000, 01101000

#344868
```
#344868 rgb(52,72,104)
```
#685434
```
#685434 rgb(104,84,52)
```

Complementary Color

#346268
```
#346268 rgb(52,98,104)
```
#344868
```
#344868 rgb(52,72,104)
```
#3a3468
```
#3a3468 rgb(58,52,104)
```

Analogous Color

#626834
```
#626834 rgb(98,104,52)
```
#344868
```
#344868 rgb(52,72,104)
```
#683a34
```
#683a34 rgb(104,58,52)
```

Split Complementary Color

#486834
```
#486834 rgb(72,104,52)
```
#344868
```
#344868 rgb(52,72,104)
```
#683448
```
#683448 rgb(104,52,72)
```

Triadic Color

#346854
```
#346854 rgb(52,104,84)
```
#344868
```
#344868 rgb(52,72,104)
```
#683448
```
#683448 rgb(104,52,72)
```
#685434
```
#685434 rgb(104,84,52)
```

Tetradic Color

#1b2535
```
#1b2535 rgb(27,37,53)
```
#233046
```
#233046 rgb(35,48,70)
```
#2c3c57
```
#2c3c57 rgb(44,60,87)
```
#344868
```
#344868 rgb(52,72,104)
```
#3d5479
```
#3d5479 rgb(61,84,121)
```
#45608a
```
#45608a rgb(69,96,138)
```
#4e6b9b
```
#4e6b9b rgb(78,107,155)
```

Monochromatic Color

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

#345568
```
#345568 rgb(52,85,104)
```
#345168
```
#345168 rgb(52,81,104)
```
#344c68
```
#344c68 rgb(52,76,104)
```
#344868
```
#344868 rgb(52,72,104)
```
#344468
```
#344468 rgb(52,68,104)
```
#343f68
```
#343f68 rgb(52,63,104)
```
#343b68
```
#343b68 rgb(52,59,104)
```

Similar Colors

Text with hexadecimal color #344868

This text has a font color of #344868.

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

#344868 background color

This paragraph has a background color of #344868.

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

#344868 border color

This element has a border color of #344868.

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

CSS codes

.text {color:#344868;}

.background {background-color:#344868;}

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

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, #06090c is the darkest color, while #feffff is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0d121a
```
#0d121a rgb(13,18,26)
```
#131b27
```
#131b27 rgb(19,27,39)
```
#1a2434
```
#1a2434 rgb(26,36,52)
```
#202d41
```
#202d41 rgb(32,45,65)
```
#27364e
```
#27364e rgb(39,54,78)
```
#2d3f5b
```
#2d3f5b rgb(45,63,91)
```
#344868
```
#344868 rgb(52,72,104)
```
#3b5175
```
#3b5175 rgb(59,81,117)
```
#415a82
```
#415a82 rgb(65,90,130)
```
#48638f
```
#48638f rgb(72,99,143)
```
#4e6c9c
```
#4e6c9c rgb(78,108,156)
```
#5575a9
```
#5575a9 rgb(85,117,169)
```

Shade Color Variation

#6180b0
```
#6180b0 rgb(97,128,176)
```
#6f8ab7
```
#6f8ab7 rgb(111,138,183)
```
#7c95bd
```
#7c95bd rgb(124,149,189)
```
#899fc4
```
#899fc4 rgb(137,159,196)
```
#96aaca
```
#96aaca rgb(150,170,202)
```
#a3b5d1
```
#a3b5d1 rgb(163,181,209)
```
#b0bfd7
```
#b0bfd7 rgb(176,191,215)
```
#bdcade
```
#bdcade rgb(189,202,222)
```
#cad4e5
```
#cad4e5 rgb(202,212,229)
```
#d7dfeb
```
#d7dfeb rgb(215,223,235)
```
#e4e9f2
```
#e4e9f2 rgb(228,233,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4c4e50
```
#4c4e50 rgb(76,78,80)
```
#464c56
```
#464c56 rgb(70,76,86)
```
#404b5c
```
#404b5c rgb(64,75,92)
```
#3a4962
```
#3a4962 rgb(58,73,98)
```
#344868
```
#344868 rgb(52,72,104)
```
#2e476e
```
#2e476e rgb(46,71,110)
```
#284574
```
#284574 rgb(40,69,116)
```
#22447a
```
#22447a rgb(34,68,122)
```
#1c4280
```
#1c4280 rgb(28,66,128)
```
#164186
```
#164186 rgb(22,65,134)
```
#10408c
```
#10408c rgb(16,64,140)
```
#0a3e92
```
#0a3e92 rgb(10,62,146)
```
#043d98
```
#043d98 rgb(4,61,152)
```

Tone Color Variation

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

Dichromacy

#464f6e Protanopia 1% of men
#435070 Deuteranopia 1% of men
#36555b Tritanopia 0.001% of the population

Trichromacy

#3f4d6c Protanomaly 1% of men, 0.01% of women
#3e4d6d Deuteranomaly 6% of men, 0.4% of women
#355060 Tritanomaly 0.01% of the population

#344868 hex color

#344868 Color Information

#344868 Color Conversion

Color Schemes with #344868

Alternatives to #344868

#344868 Preview

Shades and Tints of #344868

Tones of #344868

Color Blindness Simulator