#345e76 hex color

In a RGB color space, hex #345e76 is composed of 20.4% red, 36.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 20.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 201.8 degrees, a saturation of 38.8% and a lightness of 33.3%. #345e76 color hex could be obtained by blending #68bcec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 37
- B 46
RGB color chart
- C 56
- M 20
- Y 0
- K 54
CMYK color chart

● #345e76 color description : Dark moderate blue.

The hexadecimal color #345e76 has RGB values of R:52, G:94, B:118 and CMYK values of C:0.56, M:0.2, Y:0, K:0.54. Its decimal value is 3432054.

Hex triplet	345e76	`#345e76`
RGB Decimal	52, 94, 118	`rgb(52,94,118)`
RGB Percent	20.4, 36.9, 46.3	`rgb(20.4%,36.9%,46.3%)`
CMYK	56, 20, 0, 54
HSL	201.8°, 38.8, 33.3	`hsl(201.8,38.8%,33.3%)`
HSV (or HSB)	201.8°, 55.9, 46.3
Web Safe	336666	`#336666`

CIE-LAB	37.919, -7.178, -18.046
XYZ	8.688, 10.043, 18.619
xyY	0.233, 0.269, 10.043
CIE-LCH	37.919, 19.421, 248.309
CIE-LUV	37.919, -17.916, -23.812
Hunter-Lab	31.691, -6.522, -12.651
Binary	00110100, 01011110, 01110110

#345e76
```
#345e76 rgb(52,94,118)
```
#764c34
```
#764c34 rgb(118,76,52)
```

Complementary Color

#34766d
```
#34766d rgb(52,118,109)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#343d76
```
#343d76 rgb(52,61,118)
```

Analogous Color

#766d34
```
#766d34 rgb(118,109,52)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#76343d
```
#76343d rgb(118,52,61)
```

Split Complementary Color

#5e7634
```
#5e7634 rgb(94,118,52)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#76345e
```
#76345e rgb(118,52,94)
```

Triadic Color

#34764c
```
#34764c rgb(52,118,76)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#76345e
```
#76345e rgb(118,52,94)
```
#764c34
```
#764c34 rgb(118,76,52)
```

Tetradic Color

#1d3441
```
#1d3441 rgb(29,52,65)
```
#244253
```
#244253 rgb(36,66,83)
```
#2c5064
```
#2c5064 rgb(44,80,100)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#3c6c88
```
#3c6c88 rgb(60,108,136)
```
#447a99
```
#447a99 rgb(68,122,153)
```
#4b88ab
```
#4b88ab rgb(75,136,171)
```

Monochromatic Color

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

#346f76
```
#346f76 rgb(52,111,118)
```
#346976
```
#346976 rgb(52,105,118)
```
#346476
```
#346476 rgb(52,100,118)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#345976
```
#345976 rgb(52,89,118)
```
#345376
```
#345376 rgb(52,83,118)
```
#344e76
```
#344e76 rgb(52,78,118)
```

Similar Colors

Text with hexadecimal color #345e76

This text has a font color of #345e76.

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

#345e76 background color

This paragraph has a background color of #345e76.

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

#345e76 border color

This element has a border color of #345e76.

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

CSS codes

.text {color:#345e76;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1217
```
#0a1217 rgb(10,18,23)
```
#101d24
```
#101d24 rgb(16,29,36)
```
#162832
```
#162832 rgb(22,40,50)
```
#1c3340
```
#1c3340 rgb(28,51,64)
```
#223d4d
```
#223d4d rgb(34,61,77)
```
#28485b
```
#28485b rgb(40,72,91)
```
#2e5368
```
#2e5368 rgb(46,83,104)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#3a6984
```
#3a6984 rgb(58,105,132)
```
#407491
```
#407491 rgb(64,116,145)
```
#467f9f
```
#467f9f rgb(70,127,159)
```
#4c89ac
```
#4c89ac rgb(76,137,172)
```

Shade Color Variation

#5793b5
```
#5793b5 rgb(87,147,181)
```
#659cbb
```
#659cbb rgb(101,156,187)
```
#72a4c1
```
#72a4c1 rgb(114,164,193)
```
#80adc7
```
#80adc7 rgb(128,173,199)
```
#8eb6cd
```
#8eb6cd rgb(142,182,205)
```
#9bbfd3
```
#9bbfd3 rgb(155,191,211)
```
#a9c7d9
```
#a9c7d9 rgb(169,199,217)
```
#b6d0df
```
#b6d0df rgb(182,208,223)
```
#c4d9e5
```
#c4d9e5 rgb(196,217,229)
```
#d2e2eb
```
#d2e2eb rgb(210,226,235)
```
#dfebf1
```
#dfebf1 rgb(223,235,241)
```
#edf3f7
```
#edf3f7 rgb(237,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555555 is the less saturated color, while #066aa4 is the most saturated one.

#555555
```
#555555 rgb(85,85,85)
```
#4e575c
```
#4e575c rgb(78,87,92)
```
#485962
```
#485962 rgb(72,89,98)
```
#415a69
```
#415a69 rgb(65,90,105)
```
#3b5c6f
```
#3b5c6f rgb(59,92,111)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#2d607d
```
#2d607d rgb(45,96,125)
```
#276283
```
#276283 rgb(39,98,131)
```
#20638a
```
#20638a rgb(32,99,138)
```
#1a6590
```
#1a6590 rgb(26,101,144)
```
#136797
```
#136797 rgb(19,103,151)
```
#0d699d
```
#0d699d rgb(13,105,157)
```
#066aa4
```
#066aa4 rgb(6,106,164)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4e565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6079 Protanopia 1% of men
#59607f Deuteranopia 1% of men
#386870 Tritanopia 0.001% of the population

Trichromacy

#4d5f78 Protanomaly 1% of men, 0.01% of women
#4b5f7b Deuteranomaly 6% of men, 0.4% of women
#366472 Tritanomaly 0.01% of the population

#345e76 hex color

#345e76 Color Information

#345e76 Color Conversion

Color Schemes with #345e76

Alternatives to #345e76

#345e76 Preview

Shades and Tints of #345e76

Tones of #345e76

Color Blindness Simulator