#345380 hex color

In a RGB color space, hex #345380 is composed of 20.4% red, 32.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 35.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 215.5 degrees, a saturation of 42.2% and a lightness of 35.3%. #345380 color hex could be obtained by blending #68a6ff with #000001. Closest websafe color is: #336699.

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

● #345380 color description : Dark moderate blue.

The hexadecimal color #345380 has RGB values of R:52, G:83, B:128 and CMYK values of C:0.59, M:0.35, Y:0, K:0.5. Its decimal value is 3429248.

Hex triplet	345380	`#345380`
RGB Decimal	52, 83, 128	`rgb(52,83,128)`
RGB Percent	20.4, 32.5, 50.2	`rgb(20.4%,32.5%,50.2%)`
CMYK	59, 35, 0, 50
HSL	215.5°, 42.2, 35.3	`hsl(215.5,42.2%,35.3%)`
HSV (or HSB)	215.5°, 59.4, 50.2
Web Safe	336699	`#336699`

CIE-LAB	34.952, 3.136, -28.819
XYZ	8.405, 8.475, 21.614
xyY	0.218, 0.22, 8.475
CIE-LCH	34.952, 28.99, 276.21
CIE-LUV	34.952, -13.654, -39.837
Hunter-Lab	29.111, 0.591, -23.642
Binary	00110100, 01010011, 10000000

#345380
```
#345380 rgb(52,83,128)
```
#806134
```
#806134 rgb(128,97,52)
```

Complementary Color

#347980
```
#347980 rgb(52,121,128)
```
#345380
```
#345380 rgb(52,83,128)
```
#3b3480
```
#3b3480 rgb(59,52,128)
```

Analogous Color

#798034
```
#798034 rgb(121,128,52)
```
#345380
```
#345380 rgb(52,83,128)
```
#803b34
```
#803b34 rgb(128,59,52)
```

Split Complementary Color

#538034
```
#538034 rgb(83,128,52)
```
#345380
```
#345380 rgb(52,83,128)
```
#803453
```
#803453 rgb(128,52,83)
```

Triadic Color

#348061
```
#348061 rgb(52,128,97)
```
#345380
```
#345380 rgb(52,83,128)
```
#803453
```
#803453 rgb(128,52,83)
```
#806134
```
#806134 rgb(128,97,52)
```

Tetradic Color

#1e304a
```
#1e304a rgb(30,48,74)
```
#253b5c
```
#253b5c rgb(37,59,92)
```
#2d476e
```
#2d476e rgb(45,71,110)
```
#345380
```
#345380 rgb(52,83,128)
```
#3b5f92
```
#3b5f92 rgb(59,95,146)
```
#436ba4
```
#436ba4 rgb(67,107,164)
```
#4b76b6
```
#4b76b6 rgb(75,118,182)
```

Monochromatic Color

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

#346680
```
#346680 rgb(52,102,128)
```
#346080
```
#346080 rgb(52,96,128)
```
#345980
```
#345980 rgb(52,89,128)
```
#345380
```
#345380 rgb(52,83,128)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#344680
```
#344680 rgb(52,70,128)
```
#344080
```
#344080 rgb(52,64,128)
```

Similar Colors

Text with hexadecimal color #345380

This text has a font color of #345380.

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

#345380 background color

This paragraph has a background color of #345380.

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

#345380 border color

This element has a border color of #345380.

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

CSS codes

.text {color:#345380;}

.background {background-color:#345380;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070b10
```
#070b10 rgb(7,11,16)
```
#0c141e
```
#0c141e rgb(12,20,30)
```
#121d2c
```
#121d2c rgb(18,29,44)
```
#18263a
```
#18263a rgb(24,38,58)
```
#1d2f48
```
#1d2f48 rgb(29,47,72)
```
#233856
```
#233856 rgb(35,56,86)
```
#294164
```
#294164 rgb(41,65,100)
```
#2e4a72
```
#2e4a72 rgb(46,74,114)
```
#345380
```
#345380 rgb(52,83,128)
```
#3a5c8e
```
#3a5c8e rgb(58,92,142)
```
#3f659c
```
#3f659c rgb(63,101,156)
```
#456eaa
```
#456eaa rgb(69,110,170)
```

Shade Color Variation

#4c77b6
```
#4c77b6 rgb(76,119,182)
```
#5a82bc
```
#5a82bc rgb(90,130,188)
```
#688dc2
```
#688dc2 rgb(104,141,194)
```
#7697c7
```
#7697c7 rgb(118,151,199)
```
#84a2cd
```
#84a2cd rgb(132,162,205)
```
#92acd3
```
#92acd3 rgb(146,172,211)
```
#a0b7d8
```
#a0b7d8 rgb(160,183,216)
```
#aec1de
```
#aec1de rgb(174,193,222)
```
#bccce4
```
#bccce4 rgb(188,204,228)
```
#cad7e9
```
#cad7e9 rgb(202,215,233)
```
#d8e1ef
```
#d8e1ef rgb(216,225,239)
```
#e6ecf5
```
#e6ecf5 rgb(230,236,245)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595d is the less saturated color, while #044ab0 is the most saturated one.

#57595d
```
#57595d rgb(87,89,93)
```
#505864
```
#505864 rgb(80,88,100)
```
#49576b
```
#49576b rgb(73,87,107)
```
#425672
```
#425672 rgb(66,86,114)
```
#3b5479
```
#3b5479 rgb(59,84,121)
```
#345380
```
#345380 rgb(52,83,128)
```
#2d5287
```
#2d5287 rgb(45,82,135)
```
#26508e
```
#26508e rgb(38,80,142)
```
#1f4f95
```
#1f4f95 rgb(31,79,149)
```
#184e9c
```
#184e9c rgb(24,78,156)
```
#114da3
```
#114da3 rgb(17,77,163)
```
#0a4baa
```
#0a4baa rgb(10,75,170)
```
#044ab0
```
#044ab0 rgb(4,74,176)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4a5059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5984 Protanopia 1% of men
#435b86 Deuteranopia 1% of men
#2f6269 Tritanopia 0.001% of the population

Trichromacy

#425783 Protanomaly 1% of men, 0.01% of women
#3d5884 Deuteranomaly 6% of men, 0.4% of women
#305c71 Tritanomaly 0.01% of the population

#345380 hex color

#345380 Color Information

#345380 Color Conversion

Color Schemes with #345380

Alternatives to #345380

#345380 Preview

Shades and Tints of #345380

Tones of #345380

Color Blindness Simulator