#345278 hex color

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

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

● #345278 color description : Dark moderate blue.

The hexadecimal color #345278 has RGB values of R:52, G:82, B:120 and CMYK values of C:0.57, M:0.32, Y:0, K:0.53. Its decimal value is 3428984.

Hex triplet	345278	`#345278`
RGB Decimal	52, 82, 120	`rgb(52,82,120)`
RGB Percent	20.4, 32.2, 47.1	`rgb(20.4%,32.2%,47.1%)`
CMYK	57, 32, 0, 53
HSL	213.5°, 39.5, 33.7	`hsl(213.5,39.5%,33.7%)`
HSV (or HSB)	213.5°, 56.7, 47.1
Web Safe	336666	`#336666`

CIE-LAB	34.232, 0.975, -25.005
XYZ	7.823, 8.12, 18.923
xyY	0.224, 0.233, 8.12
CIE-LCH	34.232, 25.024, 272.234
CIE-LUV	34.232, -13.335, -33.936
Hunter-Lab	28.496, -0.866, -19.425
Binary	00110100, 01010010, 01111000

#345278
```
#345278 rgb(52,82,120)
```
#785a34
```
#785a34 rgb(120,90,52)
```

Complementary Color

#347478
```
#347478 rgb(52,116,120)
```
#345278
```
#345278 rgb(52,82,120)
```
#383478
```
#383478 rgb(56,52,120)
```

Analogous Color

#747834
```
#747834 rgb(116,120,52)
```
#345278
```
#345278 rgb(52,82,120)
```
#783834
```
#783834 rgb(120,56,52)
```

Split Complementary Color

#527834
```
#527834 rgb(82,120,52)
```
#345278
```
#345278 rgb(52,82,120)
```
#783452
```
#783452 rgb(120,52,82)
```

Triadic Color

#34785a
```
#34785a rgb(52,120,90)
```
#345278
```
#345278 rgb(52,82,120)
```
#783452
```
#783452 rgb(120,52,82)
```
#785a34
```
#785a34 rgb(120,90,52)
```

Tetradic Color

#1d2e43
```
#1d2e43 rgb(29,46,67)
```
#253a54
```
#253a54 rgb(37,58,84)
```
#2c4666
```
#2c4666 rgb(44,70,102)
```
#345278
```
#345278 rgb(52,82,120)
```
#3c5e8a
```
#3c5e8a rgb(60,94,138)
```
#436a9c
```
#436a9c rgb(67,106,156)
```
#4b76ad
```
#4b76ad rgb(75,118,173)
```

Monochromatic Color

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

#346378
```
#346378 rgb(52,99,120)
```
#345d78
```
#345d78 rgb(52,93,120)
```
#345878
```
#345878 rgb(52,88,120)
```
#345278
```
#345278 rgb(52,82,120)
```
#344c78
```
#344c78 rgb(52,76,120)
```
#344778
```
#344778 rgb(52,71,120)
```
#344178
```
#344178 rgb(52,65,120)
```

Similar Colors

Text with hexadecimal color #345278

This text has a font color of #345278.

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

#345278 background color

This paragraph has a background color of #345278.

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

#345278 border color

This element has a border color of #345278.

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

CSS codes

.text {color:#345278;}

.background {background-color:#345278;}

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

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)
```
#162334
```
#162334 rgb(22,35,52)
```
#1c2d41
```
#1c2d41 rgb(28,45,65)
```
#22364f
```
#22364f rgb(34,54,79)
```
#283f5d
```
#283f5d rgb(40,63,93)
```
#2e496a
```
#2e496a rgb(46,73,106)
```
#345278
```
#345278 rgb(52,82,120)
```
#3a5b86
```
#3a5b86 rgb(58,91,134)
```
#406593
```
#406593 rgb(64,101,147)
```
#466ea1
```
#466ea1 rgb(70,110,161)
```
#4c77af
```
#4c77af rgb(76,119,175)
```

Shade Color Variation

#5881b6
```
#5881b6 rgb(88,129,182)
```
#658cbc
```
#658cbc rgb(101,140,188)
```
#7396c2
```
#7396c2 rgb(115,150,194)
```
#81a0c8
```
#81a0c8 rgb(129,160,200)
```
#8eabce
```
#8eabce rgb(142,171,206)
```
#9cb5d4
```
#9cb5d4 rgb(156,181,212)
```
#aabfda
```
#aabfda rgb(170,191,218)
```
#b7c9e0
```
#b7c9e0 rgb(183,201,224)
```
#c5d4e6
```
#c5d4e6 rgb(197,212,230)
```
#d3deec
```
#d3deec rgb(211,222,236)
```
#e0e8f2
```
#e0e8f2 rgb(224,232,242)
```
#eef2f8
```
#eef2f8 rgb(238,242,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 #064da6 is the most saturated one.

#555657
```
#555657 rgb(85,86,87)
```
#4e555e
```
#4e555e rgb(78,85,94)
```
#485464
```
#485464 rgb(72,84,100)
```
#41546b
```
#41546b rgb(65,84,107)
```
#3b5371
```
#3b5371 rgb(59,83,113)
```
#345278
```
#345278 rgb(52,82,120)
```
#2d517f
```
#2d517f rgb(45,81,127)
```
#275085
```
#275085 rgb(39,80,133)
```
#20508c
```
#20508c rgb(32,80,140)
```
#1a4f92
```
#1a4f92 rgb(26,79,146)
```
#134e99
```
#134e99 rgb(19,78,153)
```
#0c4da0
```
#0c4da0 rgb(12,77,160)
```
#064da6
```
#064da6 rgb(6,77,166)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c587d Protanopia 1% of men
#47597f Deuteranopia 1% of men
#335f66 Tritanopia 0.001% of the population

Trichromacy

#43567b Protanomaly 1% of men, 0.01% of women
#40567c Deuteranomaly 6% of men, 0.4% of women
#335a6d Tritanomaly 0.01% of the population

#345278 hex color

#345278 Color Information

#345278 Color Conversion

Color Schemes with #345278

Alternatives to #345278

#345278 Preview

Shades and Tints of #345278

Tones of #345278

Color Blindness Simulator