#345a83 hex color

In a RGB color space, hex #345a83 is composed of 20.4% red, 35.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 31.3% magenta, 0% yellow and 48.6% black. It has a hue angle of 211.1 degrees, a saturation of 43.2% and a lightness of 35.9%. #345a83 color hex could be obtained by blending #68b4ff with #000007. Closest websafe color is: #336699.

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

● #345a83 color description : Dark moderate blue.

The hexadecimal color #345a83 has RGB values of R:52, G:90, B:131 and CMYK values of C:0.6, M:0.31, Y:0, K:0.49. Its decimal value is 3431043.

Hex triplet	345a83	`#345a83`
RGB Decimal	52, 90, 131	`rgb(52,90,131)`
RGB Percent	20.4, 35.3, 51.4	`rgb(20.4%,35.3%,51.4%)`
CMYK	60, 31, 0, 49
HSL	211.1°, 43.2, 35.9	`hsl(211.1,43.2%,35.9%)`
HSV (or HSB)	211.1°, 60.3, 51.4
Web Safe	336699	`#336699`

CIE-LAB	37.263, -0.274, -27.031
XYZ	9.168, 9.681, 22.857
xyY	0.22, 0.232, 9.681
CIE-LCH	37.263, 27.033, 269.419
CIE-LUV	37.263, -16.155, -37.566
Hunter-Lab	31.114, -1.851, -21.777
Binary	00110100, 01011010, 10000011

#345a83
```
#345a83 rgb(52,90,131)
```
#835d34
```
#835d34 rgb(131,93,52)
```

Complementary Color

#348283
```
#348283 rgb(52,130,131)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#363483
```
#363483 rgb(54,52,131)
```

Analogous Color

#828334
```
#828334 rgb(130,131,52)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#833634
```
#833634 rgb(131,54,52)
```

Split Complementary Color

#5a8334
```
#5a8334 rgb(90,131,52)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#83345a
```
#83345a rgb(131,52,90)
```

Triadic Color

#34835d
```
#34835d rgb(52,131,93)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#83345a
```
#83345a rgb(131,52,90)
```
#835d34
```
#835d34 rgb(131,93,52)
```

Tetradic Color

#1e344c
```
#1e344c rgb(30,52,76)
```
#26415e
```
#26415e rgb(38,65,94)
```
#2d4d71
```
#2d4d71 rgb(45,77,113)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#3b6795
```
#3b6795 rgb(59,103,149)
```
#4273a8
```
#4273a8 rgb(66,115,168)
```
#4c80b8
```
#4c80b8 rgb(76,128,184)
```

Monochromatic Color

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

#346e83
```
#346e83 rgb(52,110,131)
```
#346783
```
#346783 rgb(52,103,131)
```
#346183
```
#346183 rgb(52,97,131)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#345383
```
#345383 rgb(52,83,131)
```
#344d83
```
#344d83 rgb(52,77,131)
```
#344683
```
#344683 rgb(52,70,131)
```

Similar Colors

Text with hexadecimal color #345a83

This text has a font color of #345a83.

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

#345a83 background color

This paragraph has a background color of #345a83.

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

#345a83 border color

This element has a border color of #345a83.

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

CSS codes

.text {color:#345a83;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0d1621
```
#0d1621 rgb(13,22,33)
```
#13202f
```
#13202f rgb(19,32,47)
```
#182a3d
```
#182a3d rgb(24,42,61)
```
#1e334b
```
#1e334b rgb(30,51,75)
```
#233d59
```
#233d59 rgb(35,61,89)
```
#294767
```
#294767 rgb(41,71,103)
```
#2e5075
```
#2e5075 rgb(46,80,117)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#3a6491
```
#3a6491 rgb(58,100,145)
```
#3f6d9f
```
#3f6d9f rgb(63,109,159)
```
#4577ad
```
#4577ad rgb(69,119,173)
```

Shade Color Variation

#4d81b8
```
#4d81b8 rgb(77,129,184)
```
#5b8bbe
```
#5b8bbe rgb(91,139,190)
```
#6995c4
```
#6995c4 rgb(105,149,196)
```
#779fc9
```
#779fc9 rgb(119,159,201)
```
#85a9cf
```
#85a9cf rgb(133,169,207)
```
#93b3d4
```
#93b3d4 rgb(147,179,212)
```
#a1bdda
```
#a1bdda rgb(161,189,218)
```
#afc6df
```
#afc6df rgb(175,198,223)
```
#bdd0e5
```
#bdd0e5 rgb(189,208,229)
```
#cbdaeb
```
#cbdaeb rgb(203,218,235)
```
#dae4f0
```
#dae4f0 rgb(218,228,240)
```
#e8eef6
```
#e8eef6 rgb(232,238,246)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b60 is the less saturated color, while #0358b4 is the most saturated one.

#575b60
```
#575b60 rgb(87,91,96)
```
#505b67
```
#505b67 rgb(80,91,103)
```
#495b6e
```
#495b6e rgb(73,91,110)
```
#425b75
```
#425b75 rgb(66,91,117)
```
#3b5a7c
```
#3b5a7c rgb(59,90,124)
```
#345a83
```
#345a83 rgb(52,90,131)
```
#2d5a8a
```
#2d5a8a rgb(45,90,138)
```
#265991
```
#265991 rgb(38,89,145)
```
#1f5998
```
#1f5998 rgb(31,89,152)
```
#18599f
```
#18599f rgb(24,89,159)
```
#1159a6
```
#1159a6 rgb(17,89,166)
```
#0a58ad
```
#0a58ad rgb(10,88,173)
```
#0358b4
```
#0358b4 rgb(3,88,180)
```

Tone Color Variation

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

Dichromacy

#525f86 Protanopia 1% of men
#4b5f8a Deuteranopia 1% of men
#30676f Tritanopia 0.001% of the population

Trichromacy

#475d85 Protanomaly 1% of men, 0.01% of women
#435d87 Deuteranomaly 6% of men, 0.4% of women
#316276 Tritanomaly 0.01% of the population

#345a83 hex color

#345a83 Color Information

#345a83 Color Conversion

Color Schemes with #345a83

Alternatives to #345a83

#345a83 Preview

Shades and Tints of #345a83

Tones of #345a83

Color Blindness Simulator