#344168 hex color

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

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

● #344168 color description : Very dark desaturated blue.

The hexadecimal color #344168 has RGB values of R:52, G:65, B:104 and CMYK values of C:0.5, M:0.38, Y:0, K:0.59. Its decimal value is 3424616.

Hex triplet	344168	`#344168`
RGB Decimal	52, 65, 104	`rgb(52,65,104)`
RGB Percent	20.4, 25.5, 40.8	`rgb(20.4%,25.5%,40.8%)`
CMYK	50, 38, 0, 59
HSL	225°, 33.3, 30.6	`hsl(225,33.3%,30.6%)`
HSV (or HSB)	225°, 50, 40.8
Web Safe	333366	`#333366`

CIE-LAB	28.141, 6.64, -24.487
XYZ	5.805, 5.51, 13.854
xyY	0.231, 0.219, 5.51
CIE-LCH	28.141, 25.372, 285.171
CIE-LUV	28.141, -7.044, -31.799
Hunter-Lab	23.473, 3.063, -18.561
Binary	00110100, 01000001, 01101000

#344168
```
#344168 rgb(52,65,104)
```
#685b34
```
#685b34 rgb(104,91,52)
```

Complementary Color

#345b68
```
#345b68 rgb(52,91,104)
```
#344168
```
#344168 rgb(52,65,104)
```
#413468
```
#413468 rgb(65,52,104)
```

Analogous Color

#5b6834
```
#5b6834 rgb(91,104,52)
```
#344168
```
#344168 rgb(52,65,104)
```
#684134
```
#684134 rgb(104,65,52)
```

Split Complementary Color

#416834
```
#416834 rgb(65,104,52)
```
#344168
```
#344168 rgb(52,65,104)
```
#683441
```
#683441 rgb(104,52,65)
```

Triadic Color

#34685b
```
#34685b rgb(52,104,91)
```
#344168
```
#344168 rgb(52,65,104)
```
#683441
```
#683441 rgb(104,52,65)
```
#685b34
```
#685b34 rgb(104,91,52)
```

Tetradic Color

#1b2135
```
#1b2135 rgb(27,33,53)
```
#232c46
```
#232c46 rgb(35,44,70)
```
#2c3657
```
#2c3657 rgb(44,54,87)
```
#344168
```
#344168 rgb(52,65,104)
```
#3d4c79
```
#3d4c79 rgb(61,76,121)
```
#45568a
```
#45568a rgb(69,86,138)
```
#4e619b
```
#4e619b rgb(78,97,155)
```

Monochromatic Color

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

#344e68
```
#344e68 rgb(52,78,104)
```
#344a68
```
#344a68 rgb(52,74,104)
```
#344568
```
#344568 rgb(52,69,104)
```
#344168
```
#344168 rgb(52,65,104)
```
#343d68
```
#343d68 rgb(52,61,104)
```
#343868
```
#343868 rgb(52,56,104)
```
#343468
```
#343468 rgb(52,52,104)
```

Similar Colors

Text with hexadecimal color #344168

This text has a font color of #344168.

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

#344168 background color

This paragraph has a background color of #344168.

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

#344168 border color

This element has a border color of #344168.

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

CSS codes

.text {color:#344168;}

.background {background-color:#344168;}

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

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

#06080c
```
#06080c rgb(6,8,12)
```
#0d101a
```
#0d101a rgb(13,16,26)
```
#131827
```
#131827 rgb(19,24,39)
```
#1a2034
```
#1a2034 rgb(26,32,52)
```
#202841
```
#202841 rgb(32,40,65)
```
#27314e
```
#27314e rgb(39,49,78)
```
#2d395b
```
#2d395b rgb(45,57,91)
```
#344168
```
#344168 rgb(52,65,104)
```
#3b4975
```
#3b4975 rgb(59,73,117)
```
#415182
```
#415182 rgb(65,81,130)
```
#485a8f
```
#485a8f rgb(72,90,143)
```
#4e629c
```
#4e629c rgb(78,98,156)
```
#556aa9
```
#556aa9 rgb(85,106,169)
```

Shade Color Variation

#6175b0
```
#6175b0 rgb(97,117,176)
```
#6f81b7
```
#6f81b7 rgb(111,129,183)
```
#7c8cbd
```
#7c8cbd rgb(124,140,189)
```
#8997c4
```
#8997c4 rgb(137,151,196)
```
#96a3ca
```
#96a3ca rgb(150,163,202)
```
#a3aed1
```
#a3aed1 rgb(163,174,209)
```
#b0bad7
```
#b0bad7 rgb(176,186,215)
```
#bdc5de
```
#bdc5de rgb(189,197,222)
```
#cad1e5
```
#cad1e5 rgb(202,209,229)
```
#d7dceb
```
#d7dceb rgb(215,220,235)
```
#e4e8f2
```
#e4e8f2 rgb(228,232,242)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4c4d50
```
#4c4d50 rgb(76,77,80)
```
#464a56
```
#464a56 rgb(70,74,86)
```
#40475c
```
#40475c rgb(64,71,92)
```
#3a4462
```
#3a4462 rgb(58,68,98)
```
#344168
```
#344168 rgb(52,65,104)
```
#2e3e6e
```
#2e3e6e rgb(46,62,110)
```
#283b74
```
#283b74 rgb(40,59,116)
```
#22387a
```
#22387a rgb(34,56,122)
```
#1c3580
```
#1c3580 rgb(28,53,128)
```
#163286
```
#163286 rgb(22,50,134)
```
#102f8c
```
#102f8c rgb(16,47,140)
```
#0a2c92
```
#0a2c92 rgb(10,44,146)
```
#042998
```
#042998 rgb(4,41,152)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f424a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4b6f Protanopia 1% of men
#394c6f Deuteranopia 1% of men
#355056 Tritanopia 0.001% of the population

Trichromacy

#3a476d Protanomaly 1% of men, 0.01% of women
#37486c Deuteranomaly 6% of men, 0.4% of women
#344a5c Tritanomaly 0.01% of the population

#344168 hex color

#344168 Color Information

#344168 Color Conversion

Color Schemes with #344168

Alternatives to #344168

#344168 Preview

Shades and Tints of #344168

Tones of #344168

Color Blindness Simulator