#346b7e hex color

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

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

● #346b7e color description : Dark moderate blue.

The hexadecimal color #346b7e has RGB values of R:52, G:107, B:126 and CMYK values of C:0.59, M:0.15, Y:0, K:0.51. Its decimal value is 3435390.

Hex triplet	346b7e	`#346b7e`
RGB Decimal	52, 107, 126	`rgb(52,107,126)`
RGB Percent	20.4, 42, 49.4	`rgb(20.4%,42%,49.4%)`
CMYK	59, 15, 0, 51
HSL	195.4°, 41.6, 34.9	`hsl(195.4,41.6%,34.9%)`
HSV (or HSB)	195.4°, 58.7, 49.4
Web Safe	336666	`#336666`

CIE-LAB	42.386, -12.217, -16.066
XYZ	10.439, 12.751, 21.649
xyY	0.233, 0.284, 12.751
CIE-LCH	42.386, 20.183, 232.75
CIE-LUV	42.386, -22.729, -20.917
Hunter-Lab	35.709, -10.309, -10.949
Binary	00110100, 01101011, 01111110

#346b7e
```
#346b7e rgb(52,107,126)
```
#7e4734
```
#7e4734 rgb(126,71,52)
```

Complementary Color

#347e6c
```
#347e6c rgb(52,126,108)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#34467e
```
#34467e rgb(52,70,126)
```

Analogous Color

#7e6c34
```
#7e6c34 rgb(126,108,52)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#7e3446
```
#7e3446 rgb(126,52,70)
```

Split Complementary Color

#6b7e34
```
#6b7e34 rgb(107,126,52)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#7e346b
```
#7e346b rgb(126,52,107)
```

Triadic Color

#347e47
```
#347e47 rgb(52,126,71)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#7e346b
```
#7e346b rgb(126,52,107)
```
#7e4734
```
#7e4734 rgb(126,71,52)
```

Tetradic Color

#1e3d48
```
#1e3d48 rgb(30,61,72)
```
#254c5a
```
#254c5a rgb(37,76,90)
```
#2d5c6c
```
#2d5c6c rgb(45,92,108)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#3b7a90
```
#3b7a90 rgb(59,122,144)
```
#438aa2
```
#438aa2 rgb(67,138,162)
```
#4a99b4
```
#4a99b4 rgb(74,153,180)
```

Monochromatic Color

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

#347e7e
```
#347e7e rgb(52,126,126)
```
#34777e
```
#34777e rgb(52,119,126)
```
#34717e
```
#34717e rgb(52,113,126)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#34657e
```
#34657e rgb(52,101,126)
```
#345f7e
```
#345f7e rgb(52,95,126)
```
#34597e
```
#34597e rgb(52,89,126)
```

Similar Colors

Text with hexadecimal color #346b7e

This text has a font color of #346b7e.

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

#346b7e background color

This paragraph has a background color of #346b7e.

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

#346b7e border color

This element has a border color of #346b7e.

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

CSS codes

.text {color:#346b7e;}

.background {background-color:#346b7e;}

.border {border:1px solid #346b7e;}

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 #f2f8fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0c181d
```
#0c181d rgb(12,24,29)
```
#12242b
```
#12242b rgb(18,36,43)
```
#173039
```
#173039 rgb(23,48,57)
```
#1d3c46
```
#1d3c46 rgb(29,60,70)
```
#234854
```
#234854 rgb(35,72,84)
```
#295362
```
#295362 rgb(41,83,98)
```
#2e5f70
```
#2e5f70 rgb(46,95,112)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#3a778c
```
#3a778c rgb(58,119,140)
```
#3f839a
```
#3f839a rgb(63,131,154)
```
#458ea8
```
#458ea8 rgb(69,142,168)
```

Shade Color Variation

#4c9ab5
```
#4c9ab5 rgb(76,154,181)
```
#59a2bb
```
#59a2bb rgb(89,162,187)
```
#67aac0
```
#67aac0 rgb(103,170,192)
```
#75b1c6
```
#75b1c6 rgb(117,177,198)
```
#83b9cc
```
#83b9cc rgb(131,185,204)
```
#91c1d2
```
#91c1d2 rgb(145,193,210)
```
#9fc9d7
```
#9fc9d7 rgb(159,201,215)
```
#add1dd
```
#add1dd rgb(173,209,221)
```
#bbd8e3
```
#bbd8e3 rgb(187,216,227)
```
#c8e0e9
```
#c8e0e9 rgb(200,224,233)
```
#d6e8ee
```
#d6e8ee rgb(214,232,238)
```
#e4f0f4
```
#e4f0f4 rgb(228,240,244)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5c is the less saturated color, while #0482ae is the most saturated one.

#565a5c
```
#565a5c rgb(86,90,92)
```
#4f5e63
```
#4f5e63 rgb(79,94,99)
```
#496169
```
#496169 rgb(73,97,105)
```
#426470
```
#426470 rgb(66,100,112)
```
#3b6877
```
#3b6877 rgb(59,104,119)
```
#346b7e
```
#346b7e rgb(52,107,126)
```
#2d6e85
```
#2d6e85 rgb(45,110,133)
```
#26728c
```
#26728c rgb(38,114,140)
```
#1f7593
```
#1f7593 rgb(31,117,147)
```
#197899
```
#197899 rgb(25,120,153)
```
#127ca0
```
#127ca0 rgb(18,124,160)
```
#0b7fa7
```
#0b7fa7 rgb(11,127,167)
```
#0482ae
```
#0482ae rgb(4,130,174)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#556064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b80 Protanopia 1% of men
#666a87 Deuteranopia 1% of men
#3a747c Tritanopia 0.001% of the population

Trichromacy

#546b7f Protanomaly 1% of men, 0.01% of women
#546a84 Deuteranomaly 6% of men, 0.4% of women
#38707d Tritanomaly 0.01% of the population

#346b7e hex color

#346b7e Color Information

#346b7e Color Conversion

Color Schemes with #346b7e

Alternatives to #346b7e

#346b7e Preview

Shades and Tints of #346b7e

Tones of #346b7e

Color Blindness Simulator