#345378 hex color

In a RGB color space, hex #345378 is composed of 20.4% red, 32.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 30.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 212.6 degrees, a saturation of 39.5% and a lightness of 33.7%. #345378 color hex could be obtained by blending #68a6f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 33
- B 47
RGB color chart
- C 57
- M 31
- Y 0
- K 53
CMYK color chart

● #345378 color description : Dark moderate blue.

The hexadecimal color #345378 has RGB values of R:52, G:83, B:120 and CMYK values of C:0.57, M:0.31, Y:0, K:0.53. Its decimal value is 3429240.

Hex triplet	345378	`#345378`
RGB Decimal	52, 83, 120	`rgb(52,83,120)`
RGB Percent	20.4, 32.5, 47.1	`rgb(20.4%,32.5%,47.1%)`
CMYK	57, 31, 0, 53
HSL	212.6°, 39.5, 33.7	`hsl(212.6,39.5%,33.7%)`
HSV (or HSB)	212.6°, 56.7, 47.1
Web Safe	336666	`#336666`

CIE-LAB	34.543, 0.335, -24.518
XYZ	7.899, 8.272, 18.949
xyY	0.225, 0.236, 8.272
CIE-LCH	34.543, 24.52, 270.783
CIE-LUV	34.543, -13.704, -33.259
Hunter-Lab	28.761, -1.311, -18.929
Binary	00110100, 01010011, 01111000

#345378
```
#345378 rgb(52,83,120)
```
#785934
```
#785934 rgb(120,89,52)
```

Complementary Color

#347578
```
#347578 rgb(52,117,120)
```
#345378
```
#345378 rgb(52,83,120)
```
#373478
```
#373478 rgb(55,52,120)
```

Analogous Color

#757834
```
#757834 rgb(117,120,52)
```
#345378
```
#345378 rgb(52,83,120)
```
#783734
```
#783734 rgb(120,55,52)
```

Split Complementary Color

#537834
```
#537834 rgb(83,120,52)
```
#345378
```
#345378 rgb(52,83,120)
```
#783453
```
#783453 rgb(120,52,83)
```

Triadic Color

#347859
```
#347859 rgb(52,120,89)
```
#345378
```
#345378 rgb(52,83,120)
```
#783453
```
#783453 rgb(120,52,83)
```
#785934
```
#785934 rgb(120,89,52)
```

Tetradic Color

#1d2e43
```
#1d2e43 rgb(29,46,67)
```
#253a54
```
#253a54 rgb(37,58,84)
```
#2c4766
```
#2c4766 rgb(44,71,102)
```
#345378
```
#345378 rgb(52,83,120)
```
#3c5f8a
```
#3c5f8a rgb(60,95,138)
```
#436c9c
```
#436c9c rgb(67,108,156)
```
#4b78ad
```
#4b78ad rgb(75,120,173)
```

Monochromatic Color

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

#346478
```
#346478 rgb(52,100,120)
```
#345e78
```
#345e78 rgb(52,94,120)
```
#345978
```
#345978 rgb(52,89,120)
```
#345378
```
#345378 rgb(52,83,120)
```
#344d78
```
#344d78 rgb(52,77,120)
```
#344878
```
#344878 rgb(52,72,120)
```
#344278
```
#344278 rgb(52,66,120)
```

Similar Colors

Text with hexadecimal color #345378

This text has a font color of #345378.

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

#345378 background color

This paragraph has a background color of #345378.

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

#345378 border color

This element has a border color of #345378.

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

CSS codes

.text {color:#345378;}

.background {background-color:#345378;}

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

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 #fcfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#101a26
```
#101a26 rgb(16,26,38)
```
#162434
```
#162434 rgb(22,36,52)
```
#1c2d41
```
#1c2d41 rgb(28,45,65)
```
#22374f
```
#22374f rgb(34,55,79)
```
#28405d
```
#28405d rgb(40,64,93)
```
#2e4a6a
```
#2e4a6a rgb(46,74,106)
```
#345378
```
#345378 rgb(52,83,120)
```
#3a5c86
```
#3a5c86 rgb(58,92,134)
```
#406693
```
#406693 rgb(64,102,147)
```
#466fa1
```
#466fa1 rgb(70,111,161)
```
#4c79af
```
#4c79af rgb(76,121,175)
```

Shade Color Variation

#5883b6
```
#5883b6 rgb(88,131,182)
```
#658dbc
```
#658dbc rgb(101,141,188)
```
#7397c2
```
#7397c2 rgb(115,151,194)
```
#81a1c8
```
#81a1c8 rgb(129,161,200)
```
#8eabce
```
#8eabce rgb(142,171,206)
```
#9cb6d4
```
#9cb6d4 rgb(156,182,212)
```
#aac0da
```
#aac0da rgb(170,192,218)
```
#b7cae0
```
#b7cae0 rgb(183,202,224)
```
#c5d4e6
```
#c5d4e6 rgb(197,212,230)
```
#d3deec
```
#d3deec rgb(211,222,236)
```
#e0e8f2
```
#e0e8f2 rgb(224,232,242)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,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 #064fa6 is the most saturated one.

#555657
```
#555657 rgb(85,86,87)
```
#4e555e
```
#4e555e rgb(78,85,94)
```
#485564
```
#485564 rgb(72,85,100)
```
#41546b
```
#41546b rgb(65,84,107)
```
#3b5471
```
#3b5471 rgb(59,84,113)
```
#345378
```
#345378 rgb(52,83,120)
```
#2d527f
```
#2d527f rgb(45,82,127)
```
#275285
```
#275285 rgb(39,82,133)
```
#20518c
```
#20518c rgb(32,81,140)
```
#1a5192
```
#1a5192 rgb(26,81,146)
```
#135099
```
#135099 rgb(19,80,153)
```
#0c4fa0
```
#0c4fa0 rgb(12,79,160)
```
#064fa6
```
#064fa6 rgb(6,79,166)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#494f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e597c Protanopia 1% of men
#49597f Deuteranopia 1% of men
#336067 Tritanopia 0.001% of the population

Trichromacy

#44567b Protanomaly 1% of men, 0.01% of women
#41577d Deuteranomaly 6% of men, 0.4% of women
#335b6d Tritanomaly 0.01% of the population

#345378 hex color

#345378 Color Information

#345378 Color Conversion

Color Schemes with #345378

Alternatives to #345378

#345378 Preview

Shades and Tints of #345378

Tones of #345378

Color Blindness Simulator