#345784 hex color

In a RGB color space, hex #345784 is composed of 20.4% red, 34.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 34.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 213.8 degrees, a saturation of 43.5% and a lightness of 36.1%. #345784 color hex could be obtained by blending #68aeff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 34
- B 52
RGB color chart
- C 61
- M 34
- Y 0
- K 48
CMYK color chart

● #345784 color description : Dark moderate blue.

The hexadecimal color #345784 has RGB values of R:52, G:87, B:132 and CMYK values of C:0.61, M:0.34, Y:0, K:0.48. Its decimal value is 3430276.

Hex triplet	345784	`#345784`
RGB Decimal	52, 87, 132	`rgb(52,87,132)`
RGB Percent	20.4, 34.1, 51.8	`rgb(20.4%,34.1%,51.8%)`
CMYK	61, 34, 0, 48
HSL	213.8°, 43.5, 36.1	`hsl(213.8,43.5%,36.1%)`
HSV (or HSB)	213.8°, 60.6, 51.8
Web Safe	336699	`#336699`

CIE-LAB	36.389, 1.983, -29.014
XYZ	8.988, 9.212, 23.133
xyY	0.217, 0.223, 9.212
CIE-LCH	36.389, 29.082, 273.91
CIE-LUV	36.389, -15.055, -40.451
Hunter-Lab	30.351, -0.253, -23.944
Binary	00110100, 01010111, 10000100

#345784
```
#345784 rgb(52,87,132)
```
#846134
```
#846134 rgb(132,97,52)
```

Complementary Color

#347f84
```
#347f84 rgb(52,127,132)
```
#345784
```
#345784 rgb(52,87,132)
```
#393484
```
#393484 rgb(57,52,132)
```

Analogous Color

#7f8434
```
#7f8434 rgb(127,132,52)
```
#345784
```
#345784 rgb(52,87,132)
```
#843934
```
#843934 rgb(132,57,52)
```

Split Complementary Color

#578434
```
#578434 rgb(87,132,52)
```
#345784
```
#345784 rgb(52,87,132)
```
#843457
```
#843457 rgb(132,52,87)
```

Triadic Color

#348461
```
#348461 rgb(52,132,97)
```
#345784
```
#345784 rgb(52,87,132)
```
#843457
```
#843457 rgb(132,52,87)
```
#846134
```
#846134 rgb(132,97,52)
```

Tetradic Color

#1e334d
```
#1e334d rgb(30,51,77)
```
#263f5f
```
#263f5f rgb(38,63,95)
```
#2d4b72
```
#2d4b72 rgb(45,75,114)
```
#345784
```
#345784 rgb(52,87,132)
```
#3b6396
```
#3b6396 rgb(59,99,150)
```
#426fa9
```
#426fa9 rgb(66,111,169)
```
#4c7bb8
```
#4c7bb8 rgb(76,123,184)
```

Monochromatic Color

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

#346b84
```
#346b84 rgb(52,107,132)
```
#346484
```
#346484 rgb(52,100,132)
```
#345e84
```
#345e84 rgb(52,94,132)
```
#345784
```
#345784 rgb(52,87,132)
```
#345084
```
#345084 rgb(52,80,132)
```
#344a84
```
#344a84 rgb(52,74,132)
```
#344384
```
#344384 rgb(52,67,132)
```

Similar Colors

Text with hexadecimal color #345784

This text has a font color of #345784.

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

#345784 background color

This paragraph has a background color of #345784.

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

#345784 border color

This element has a border color of #345784.

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

CSS codes

.text {color:#345784;}

.background {background-color:#345784;}

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

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, #020405 is the darkest color, while #f6f9fc is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#080d13
```
#080d13 rgb(8,13,19)
```
#0d1621
```
#0d1621 rgb(13,22,33)
```
#131f30
```
#131f30 rgb(19,31,48)
```
#18293e
```
#18293e rgb(24,41,62)
```
#1e324c
```
#1e324c rgb(30,50,76)
```
#233b5a
```
#233b5a rgb(35,59,90)
```
#294468
```
#294468 rgb(41,68,104)
```
#2e4e76
```
#2e4e76 rgb(46,78,118)
```
#345784
```
#345784 rgb(52,87,132)
```
#3a6092
```
#3a6092 rgb(58,96,146)
```
#3f6aa0
```
#3f6aa0 rgb(63,106,160)
```
#4573ae
```
#4573ae rgb(69,115,174)
```

Shade Color Variation

#4d7db9
```
#4d7db9 rgb(77,125,185)
```
#5b87bf
```
#5b87bf rgb(91,135,191)
```
#6a91c4
```
#6a91c4 rgb(106,145,196)
```
#789cca
```
#789cca rgb(120,156,202)
```
#86a6cf
```
#86a6cf rgb(134,166,207)
```
#94b0d5
```
#94b0d5 rgb(148,176,213)
```
#a2bbda
```
#a2bbda rgb(162,187,218)
```
#b0c5e0
```
#b0c5e0 rgb(176,197,224)
```
#becfe5
```
#becfe5 rgb(190,207,229)
```
#ccdaeb
```
#ccdaeb rgb(204,218,235)
```
#dae4f0
```
#dae4f0 rgb(218,228,240)
```
#e8eef6
```
#e8eef6 rgb(232,238,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b61 is the less saturated color, while #0251b6 is the most saturated one.

#575b61
```
#575b61 rgb(87,91,97)
```
#505b68
```
#505b68 rgb(80,91,104)
```
#495a6f
```
#495a6f rgb(73,90,111)
```
#425976
```
#425976 rgb(66,89,118)
```
#3b587d
```
#3b587d rgb(59,88,125)
```
#345784
```
#345784 rgb(52,87,132)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#265592
```
#265592 rgb(38,85,146)
```
#1f5499
```
#1f5499 rgb(31,84,153)
```
#1853a0
```
#1853a0 rgb(24,83,160)
```
#1153a7
```
#1153a7 rgb(17,83,167)
```
#0a52ae
```
#0a52ae rgb(10,82,174)
```
#0251b6
```
#0251b6 rgb(2,81,182)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c535c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5c88 Protanopia 1% of men
#465e8b Deuteranopia 1% of men
#2e656d Tritanopia 0.001% of the population

Trichromacy

#445a86 Protanomaly 1% of men, 0.01% of women
#3f5b88 Deuteranomaly 6% of men, 0.4% of women
#306075 Tritanomaly 0.01% of the population

#345784 hex color

#345784 Color Information

#345784 Color Conversion

Color Schemes with #345784

Alternatives to #345784

#345784 Preview

Shades and Tints of #345784

Tones of #345784

Color Blindness Simulator