colorhexa.com

#344c78 hex color

In a RGB color space, hex #344c78 is composed of 20.4% red, 29.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 36.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 218.8 degrees, a saturation of 39.5% and a lightness of 33.7%. #344c78 color hex could be obtained by blending #6898f0 with #000000. Closest websafe color is: #333366.

- R 20
- G 30
- B 47
RGB color chart
- C 57
- M 37
- Y 0
- K 53
CMYK color chart

● #344c78 color description : Dark moderate blue.

The hexadecimal color #344c78 has RGB values of R:52, G:76, B:120 and CMYK values of C:0.57, M:0.37, Y:0, K:0.53. Its decimal value is 3427448.

Hex triplet	344c78	`#344c78`
RGB Decimal	52, 76, 120	`rgb(52,76,120)`
RGB Percent	20.4, 29.8, 47.1	`rgb(20.4%,29.8%,47.1%)`
CMYK	57, 37, 0, 53
HSL	218.8°, 39.5, 33.7	`hsl(218.8,39.5%,33.7%)`
HSV (or HSB)	218.8°, 56.7, 47.1
Web Safe	333366	`#333366`

CIE-LAB	32.38, 4.873, -27.914
XYZ	7.39, 7.255, 18.779
xyY	0.221, 0.217, 7.255
CIE-LCH	32.38, 28.336, 279.902
CIE-LUV	32.38, -11.165, -37.858
Hunter-Lab	26.934, 1.84, -22.484
Binary	00110100, 01001100, 01111000

#344c78
```
#344c78 rgb(52,76,120)
```
#786034
```
#786034 rgb(120,96,52)
```

Complementary Color

#346e78
```
#346e78 rgb(52,110,120)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#3e3478
```
#3e3478 rgb(62,52,120)
```

Analogous Color

#6e7834
```
#6e7834 rgb(110,120,52)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#783e34
```
#783e34 rgb(120,62,52)
```

Split Complementary Color

#4c7834
```
#4c7834 rgb(76,120,52)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#78344c
```
#78344c rgb(120,52,76)
```

Triadic Color

#1d2a43
```
#1d2a43 rgb(29,42,67)
```
#253554
```
#253554 rgb(37,53,84)
```
#2c4166
```
#2c4166 rgb(44,65,102)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#3c578a
```
#3c578a rgb(60,87,138)
```
#43639c
```
#43639c rgb(67,99,156)
```
#4b6ead
```
#4b6ead rgb(75,110,173)
```

Monochromatic Color

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

#345d78
```
#345d78 rgb(52,93,120)
```
#345778
```
#345778 rgb(52,87,120)
```
#345278
```
#345278 rgb(52,82,120)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#344678
```
#344678 rgb(52,70,120)
```
#344178
```
#344178 rgb(52,65,120)
```
#343b78
```
#343b78 rgb(52,59,120)
```

Similar Colors

Text with hexadecimal color #344c78

This text has a font color of #344c78.

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

#344c78 background color

This paragraph has a background color of #344c78.

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

#344c78 border color

This element has a border color of #344c78.

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

CSS codes

.text {color:#344c78;}

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

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

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, #05070b is the darkest color, while #fcfcfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0a0f18
```
#0a0f18 rgb(10,15,24)
```
#101826
```
#101826 rgb(16,24,38)
```
#162134
```
#162134 rgb(22,33,52)
```
#1c2941
```
#1c2941 rgb(28,41,65)
```
#22324f
```
#22324f rgb(34,50,79)
```
#283b5d
```
#283b5d rgb(40,59,93)
```
#2e436a
```
#2e436a rgb(46,67,106)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#3a5586
```
#3a5586 rgb(58,85,134)
```
#405d93
```
#405d93 rgb(64,93,147)
```
#4666a1
```
#4666a1 rgb(70,102,161)
```
#4c6faf
```
#4c6faf rgb(76,111,175)
```

Shade Color Variation

#5879b6
```
#5879b6 rgb(88,121,182)
```
#6584bc
```
#6584bc rgb(101,132,188)
```
#738fc2
```
#738fc2 rgb(115,143,194)
```
#819ac8
```
#819ac8 rgb(129,154,200)
```
#8ea5ce
```
#8ea5ce rgb(142,165,206)
```
#9cb0d4
```
#9cb0d4 rgb(156,176,212)
```
#aabbda
```
#aabbda rgb(170,187,218)
```
#b7c6e0
```
#b7c6e0 rgb(183,198,224)
```
#c5d1e6
```
#c5d1e6 rgb(197,209,230)
```
#d3dcec
```
#d3dcec rgb(211,220,236)
```
#e0e7f2
```
#e0e7f2 rgb(224,231,242)
```
#eef2f8
```
#eef2f8 rgb(238,242,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#555657
```
#555657 rgb(85,86,87)
```
#4e545e
```
#4e545e rgb(78,84,94)
```
#485264
```
#485264 rgb(72,82,100)
```
#41506b
```
#41506b rgb(65,80,107)
```
#3b4e71
```
#3b4e71 rgb(59,78,113)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#2d4a7f
```
#2d4a7f rgb(45,74,127)
```
#274885
```
#274885 rgb(39,72,133)
```
#20468c
```
#20468c rgb(32,70,140)
```
#1a4492
```
#1a4492 rgb(26,68,146)
```
#134299
```
#134299 rgb(19,66,153)
```
#0c40a0
```
#0c40a0 rgb(12,64,160)
```
#063ea6
```
#063ea6 rgb(6,62,166)
```

Tone Color Variation

Below, you can see how #344c78 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
#464a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45547e Protanopia 1% of men
#3e557f Deuteranopia 1% of men
#315b62 Tritanopia 0.001% of the population

Trichromacy

#3e517b Protanomaly 1% of men, 0.01% of women
#3a517c Deuteranomaly 6% of men, 0.4% of women
#32556a Tritanomaly 0.01% of the population