#345b79 hex color

In a RGB color space, hex #345b79 is composed of 20.4% red, 35.7% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 24.8% magenta, 0% yellow and 52.5% black. It has a hue angle of 206.1 degrees, a saturation of 39.9% and a lightness of 33.9%. #345b79 color hex could be obtained by blending #68b6f2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 36
- B 47
RGB color chart
- C 57
- M 25
- Y 0
- K 53
CMYK color chart

● #345b79 color description : Dark moderate blue.

The hexadecimal color #345b79 has RGB values of R:52, G:91, B:121 and CMYK values of C:0.57, M:0.25, Y:0, K:0.53. Its decimal value is 3431289.

Hex triplet	345b79	`#345b79`
RGB Decimal	52, 91, 121	`rgb(52,91,121)`
RGB Percent	20.4, 35.7, 47.5	`rgb(20.4%,35.7%,47.5%)`
CMYK	57, 25, 0, 53
HSL	206.1°, 39.9, 33.9	`hsl(206.1,39.9%,33.9%)`
HSV (or HSB)	206.1°, 57, 47.5
Web Safe	336666	`#336666`

CIE-LAB	37.1, -4.345, -21.155
XYZ	8.608, 9.592, 19.486
xyY	0.228, 0.255, 9.592
CIE-LCH	37.1, 21.596, 258.393
CIE-LUV	37.1, -16.698, -28.5
Hunter-Lab	30.971, -4.59, -15.623
Binary	00110100, 01011011, 01111001

#345b79
```
#345b79 rgb(52,91,121)
```
#795234
```
#795234 rgb(121,82,52)
```

Complementary Color

#347975
```
#347975 rgb(52,121,117)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#343979
```
#343979 rgb(52,57,121)
```

Analogous Color

#797534
```
#797534 rgb(121,117,52)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#793439
```
#793439 rgb(121,52,57)
```

Split Complementary Color

#5b7934
```
#5b7934 rgb(91,121,52)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#79345b
```
#79345b rgb(121,52,91)
```

Triadic Color

#347952
```
#347952 rgb(52,121,82)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#79345b
```
#79345b rgb(121,52,91)
```
#795234
```
#795234 rgb(121,82,52)
```

Tetradic Color

#1d3343
```
#1d3343 rgb(29,51,67)
```
#254055
```
#254055 rgb(37,64,85)
```
#2c4e67
```
#2c4e67 rgb(44,78,103)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#3c688b
```
#3c688b rgb(60,104,139)
```
#43769d
```
#43769d rgb(67,118,157)
```
#4b83af
```
#4b83af rgb(75,131,175)
```

Monochromatic Color

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

#346c79
```
#346c79 rgb(52,108,121)
```
#346779
```
#346779 rgb(52,103,121)
```
#346179
```
#346179 rgb(52,97,121)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#345579
```
#345579 rgb(52,85,121)
```
#345079
```
#345079 rgb(52,80,121)
```
#344a79
```
#344a79 rgb(52,74,121)
```

Similar Colors

Text with hexadecimal color #345b79

This text has a font color of #345b79.

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

#345b79 background color

This paragraph has a background color of #345b79.

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

#345b79 border color

This element has a border color of #345b79.

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

CSS codes

.text {color:#345b79;}

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

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

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, #05080b is the darkest color, while #fdfdfe is the lightest one.

#05080b
```
#05080b rgb(5,8,11)
```
#0b1319
```
#0b1319 rgb(11,19,25)
```
#111d27
```
#111d27 rgb(17,29,39)
```
#172734
```
#172734 rgb(23,39,52)
```
#1c3242
```
#1c3242 rgb(28,50,66)
```
#223c50
```
#223c50 rgb(34,60,80)
```
#28465e
```
#28465e rgb(40,70,94)
```
#2e516b
```
#2e516b rgb(46,81,107)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#3a6587
```
#3a6587 rgb(58,101,135)
```
#407094
```
#407094 rgb(64,112,148)
```
#467aa2
```
#467aa2 rgb(70,122,162)
```
#4c84b0
```
#4c84b0 rgb(76,132,176)
```

Shade Color Variation

#588eb7
```
#588eb7 rgb(88,142,183)
```
#6697bd
```
#6697bd rgb(102,151,189)
```
#73a0c3
```
#73a0c3 rgb(115,160,195)
```
#81aac9
```
#81aac9 rgb(129,170,201)
```
#8fb3cf
```
#8fb3cf rgb(143,179,207)
```
#9cbcd5
```
#9cbcd5 rgb(156,188,213)
```
#aac6db
```
#aac6db rgb(170,198,219)
```
#b8cfe0
```
#b8cfe0 rgb(184,207,224)
```
#c6d8e6
```
#c6d8e6 rgb(198,216,230)
```
#d3e1ec
```
#d3e1ec rgb(211,225,236)
```
#e1ebf2
```
#e1ebf2 rgb(225,235,242)
```
#eff4f8
```
#eff4f8 rgb(239,244,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#555758
```
#555758 rgb(85,87,88)
```
#4f585e
```
#4f585e rgb(79,88,94)
```
#485865
```
#485865 rgb(72,88,101)
```
#41596c
```
#41596c rgb(65,89,108)
```
#3b5a72
```
#3b5a72 rgb(59,90,114)
```
#345b79
```
#345b79 rgb(52,91,121)
```
#2d5c80
```
#2d5c80 rgb(45,92,128)
```
#275d86
```
#275d86 rgb(39,93,134)
```
#205e8d
```
#205e8d rgb(32,94,141)
```
#195e94
```
#195e94 rgb(25,94,148)
```
#135f9a
```
#135f9a rgb(19,95,154)
```
#0c60a1
```
#0c60a1 rgb(12,96,161)
```
#0561a8
```
#0561a8 rgb(5,97,168)
```

Tone Color Variation

Below, you can see how #345b79 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
#4d555b Atypical Achromatopsia 0.001% of the population

Dichromacy

#575e7c Protanopia 1% of men
#535f81 Deuteranopia 1% of men
#36666e Tritanopia 0.001% of the population

Trichromacy

#4a5d7b Protanomaly 1% of men, 0.01% of women
#485d7e Deuteranomaly 6% of men, 0.4% of women
#356272 Tritanomaly 0.01% of the population

#345b79 hex color

#345b79 Color Information

#345b79 Color Conversion

Color Schemes with #345b79

Alternatives to #345b79

#345b79 Preview

Shades and Tints of #345b79

Tones of #345b79

Color Blindness Simulator