#345a7e hex color

In a RGB color space, hex #345a7e is composed of 20.4% red, 35.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 28.6% magenta, 0% yellow and 50.6% black. It has a hue angle of 209.2 degrees, a saturation of 41.6% and a lightness of 34.9%. #345a7e color hex could be obtained by blending #68b4fc with #000000. Closest websafe color is: #336666.

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

● #345a7e color description : Dark moderate blue.

The hexadecimal color #345a7e has RGB values of R:52, G:90, B:126 and CMYK values of C:0.59, M:0.29, Y:0, K:0.51. Its decimal value is 3431038.

Hex triplet	345a7e	`#345a7e`
RGB Decimal	52, 90, 126	`rgb(52,90,126)`
RGB Percent	20.4, 35.3, 49.4	`rgb(20.4%,35.3%,49.4%)`
CMYK	59, 29, 0, 51
HSL	209.2°, 41.6, 34.9	`hsl(209.2,41.6%,34.9%)`
HSV (or HSB)	209.2°, 58.7, 49.4
Web Safe	336666	`#336666`

CIE-LAB	37.019, -2.015, -24.352
XYZ	8.837, 9.548, 21.115
xyY	0.224, 0.242, 9.548
CIE-LCH	37.019, 24.435, 265.27
CIE-LUV	37.019, -16.234, -33.396
Hunter-Lab	30.9, -3.025, -18.884
Binary	00110100, 01011010, 01111110

#345a7e
```
#345a7e rgb(52,90,126)
```
#7e5834
```
#7e5834 rgb(126,88,52)
```

Complementary Color

#347e7d
```
#347e7d rgb(52,126,125)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#34357e
```
#34357e rgb(52,53,126)
```

Analogous Color

#7e7d34
```
#7e7d34 rgb(126,125,52)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#7e3435
```
#7e3435 rgb(126,52,53)
```

Split Complementary Color

#5a7e34
```
#5a7e34 rgb(90,126,52)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#7e345a
```
#7e345a rgb(126,52,90)
```

Triadic Color

#347e58
```
#347e58 rgb(52,126,88)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#7e345a
```
#7e345a rgb(126,52,90)
```
#7e5834
```
#7e5834 rgb(126,88,52)
```

Tetradic Color

#1e3348
```
#1e3348 rgb(30,51,72)
```
#25405a
```
#25405a rgb(37,64,90)
```
#2d4d6c
```
#2d4d6c rgb(45,77,108)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#3b6790
```
#3b6790 rgb(59,103,144)
```
#4374a2
```
#4374a2 rgb(67,116,162)
```
#4a81b4
```
#4a81b4 rgb(74,129,180)
```

Monochromatic Color

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

#346d7e
```
#346d7e rgb(52,109,126)
```
#34667e
```
#34667e rgb(52,102,126)
```
#34607e
```
#34607e rgb(52,96,126)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#34547e
```
#34547e rgb(52,84,126)
```
#344e7e
```
#344e7e rgb(52,78,126)
```
#34487e
```
#34487e rgb(52,72,126)
```

Similar Colors

Text with hexadecimal color #345a7e

This text has a font color of #345a7e.

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

#345a7e background color

This paragraph has a background color of #345a7e.

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

#345a7e border color

This element has a border color of #345a7e.

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

CSS codes

.text {color:#345a7e;}

.background {background-color:#345a7e;}

.border {border:1px solid #345a7e;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060b0f
```
#060b0f rgb(6,11,15)
```
#0c151d
```
#0c151d rgb(12,21,29)
```
#121e2b
```
#121e2b rgb(18,30,43)
```
#172839
```
#172839 rgb(23,40,57)
```
#1d3246
```
#1d3246 rgb(29,50,70)
```
#233c54
```
#233c54 rgb(35,60,84)
```
#294662
```
#294662 rgb(41,70,98)
```
#2e5070
```
#2e5070 rgb(46,80,112)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#3a648c
```
#3a648c rgb(58,100,140)
```
#3f6e9a
```
#3f6e9a rgb(63,110,154)
```
#4578a8
```
#4578a8 rgb(69,120,168)
```

Shade Color Variation

#4c82b5
```
#4c82b5 rgb(76,130,181)
```
#598bbb
```
#598bbb rgb(89,139,187)
```
#6795c0
```
#6795c0 rgb(103,149,192)
```
#759fc6
```
#759fc6 rgb(117,159,198)
```
#83a8cc
```
#83a8cc rgb(131,168,204)
```
#91b2d2
```
#91b2d2 rgb(145,178,210)
```
#9fbcd7
```
#9fbcd7 rgb(159,188,215)
```
#adc6dd
```
#adc6dd rgb(173,198,221)
```
#bbcfe3
```
#bbcfe3 rgb(187,207,227)
```
#c8d9e9
```
#c8d9e9 rgb(200,217,233)
```
#d6e3ee
```
#d6e3ee rgb(214,227,238)
```
#e4ecf4
```
#e4ecf4 rgb(228,236,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595c is the less saturated color, while #045bae is the most saturated one.

#56595c
```
#56595c rgb(86,89,92)
```
#4f5963
```
#4f5963 rgb(79,89,99)
```
#495969
```
#495969 rgb(73,89,105)
```
#425a70
```
#425a70 rgb(66,90,112)
```
#3b5a77
```
#3b5a77 rgb(59,90,119)
```
#345a7e
```
#345a7e rgb(52,90,126)
```
#2d5a85
```
#2d5a85 rgb(45,90,133)
```
#265a8c
```
#265a8c rgb(38,90,140)
```
#1f5b93
```
#1f5b93 rgb(31,91,147)
```
#195b99
```
#195b99 rgb(25,91,153)
```
#125ba0
```
#125ba0 rgb(18,91,160)
```
#0b5ba7
```
#0b5ba7 rgb(11,91,167)
```
#045bae
```
#045bae rgb(4,91,174)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#545e81 Protanopia 1% of men
#4f5f86 Deuteranopia 1% of men
#33676e Tritanopia 0.001% of the population

Trichromacy

#485c80 Protanomaly 1% of men, 0.01% of women
#455d83 Deuteranomaly 6% of men, 0.4% of women
#336274 Tritanomaly 0.01% of the population

#345a7e hex color

#345a7e Color Information

#345a7e Color Conversion

Color Schemes with #345a7e

Alternatives to #345a7e

#345a7e Preview

Shades and Tints of #345a7e

Tones of #345a7e

Color Blindness Simulator