#345a80 hex color

In a RGB color space, hex #345a80 is composed of 20.4% red, 35.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 29.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 210 degrees, a saturation of 42.2% and a lightness of 35.3%. #345a80 color hex could be obtained by blending #68b4ff with #000001. Closest websafe color is: #336699.

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

● #345a80 color description : Dark moderate blue.

The hexadecimal color #345a80 has RGB values of R:52, G:90, B:128 and CMYK values of C:0.59, M:0.3, Y:0, K:0.5. Its decimal value is 3431040.

Hex triplet	345a80	`#345a80`
RGB Decimal	52, 90, 128	`rgb(52,90,128)`
RGB Percent	20.4, 35.3, 50.2	`rgb(20.4%,35.3%,50.2%)`
CMYK	59, 30, 0, 50
HSL	210°, 42.2, 35.3	`hsl(210,42.2%,35.3%)`
HSV (or HSB)	210°, 59.4, 50.2
Web Safe	336699	`#336699`

CIE-LAB	37.115, -1.322, -25.427
XYZ	8.968, 9.6, 21.801
xyY	0.222, 0.238, 9.6
CIE-LCH	37.115, 25.461, 267.024
CIE-LUV	37.115, -16.202, -35.066
Hunter-Lab	30.984, -2.56, -20.029
Binary	00110100, 01011010, 10000000

#345a80
```
#345a80 rgb(52,90,128)
```
#805a34
```
#805a34 rgb(128,90,52)
```

Complementary Color

#348080
```
#348080 rgb(52,128,128)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#343480
```
#343480 rgb(52,52,128)
```

Analogous Color

#808034
```
#808034 rgb(128,128,52)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#803434
```
#803434 rgb(128,52,52)
```

Split Complementary Color

#5a8034
```
#5a8034 rgb(90,128,52)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#80345a
```
#80345a rgb(128,52,90)
```

Triadic Color

#34805a
```
#34805a rgb(52,128,90)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#80345a
```
#80345a rgb(128,52,90)
```
#805a34
```
#805a34 rgb(128,90,52)
```

Tetradic Color

#1e344a
```
#1e344a rgb(30,52,74)
```
#25415c
```
#25415c rgb(37,65,92)
```
#2d4d6e
```
#2d4d6e rgb(45,77,110)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#3b6792
```
#3b6792 rgb(59,103,146)
```
#4374a4
```
#4374a4 rgb(67,116,164)
```
#4b80b6
```
#4b80b6 rgb(75,128,182)
```

Monochromatic Color

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

#346d80
```
#346d80 rgb(52,109,128)
```
#346780
```
#346780 rgb(52,103,128)
```
#346080
```
#346080 rgb(52,96,128)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#345480
```
#345480 rgb(52,84,128)
```
#344d80
```
#344d80 rgb(52,77,128)
```
#344780
```
#344780 rgb(52,71,128)
```

Similar Colors

Text with hexadecimal color #345a80

This text has a font color of #345a80.

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

#345a80 background color

This paragraph has a background color of #345a80.

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

#345a80 border color

This element has a border color of #345a80.

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

CSS codes

.text {color:#345a80;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070c10
```
#070c10 rgb(7,12,16)
```
#0c151e
```
#0c151e rgb(12,21,30)
```
#121f2c
```
#121f2c rgb(18,31,44)
```
#18293a
```
#18293a rgb(24,41,58)
```
#1d3348
```
#1d3348 rgb(29,51,72)
```
#233d56
```
#233d56 rgb(35,61,86)
```
#294664
```
#294664 rgb(41,70,100)
```
#2e5072
```
#2e5072 rgb(46,80,114)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#3a648e
```
#3a648e rgb(58,100,142)
```
#3f6e9c
```
#3f6e9c rgb(63,110,156)
```
#4577aa
```
#4577aa rgb(69,119,170)
```

Shade Color Variation

#4c81b6
```
#4c81b6 rgb(76,129,182)
```
#5a8bbc
```
#5a8bbc rgb(90,139,188)
```
#6895c2
```
#6895c2 rgb(104,149,194)
```
#769fc7
```
#769fc7 rgb(118,159,199)
```
#84a8cd
```
#84a8cd rgb(132,168,205)
```
#92b2d3
```
#92b2d3 rgb(146,178,211)
```
#a0bcd8
```
#a0bcd8 rgb(160,188,216)
```
#aec6de
```
#aec6de rgb(174,198,222)
```
#bcd0e4
```
#bcd0e4 rgb(188,208,228)
```
#cadae9
```
#cadae9 rgb(202,218,233)
```
#d8e3ef
```
#d8e3ef rgb(216,227,239)
```
#e6edf5
```
#e6edf5 rgb(230,237,245)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

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

#575a5d
```
#575a5d rgb(87,90,93)
```
#505a64
```
#505a64 rgb(80,90,100)
```
#495a6b
```
#495a6b rgb(73,90,107)
```
#425a72
```
#425a72 rgb(66,90,114)
```
#3b5a79
```
#3b5a79 rgb(59,90,121)
```
#345a80
```
#345a80 rgb(52,90,128)
```
#2d5a87
```
#2d5a87 rgb(45,90,135)
```
#265a8e
```
#265a8e rgb(38,90,142)
```
#1f5a95
```
#1f5a95 rgb(31,90,149)
```
#185a9c
```
#185a9c rgb(24,90,156)
```
#115aa3
```
#115aa3 rgb(17,90,163)
```
#0a5aaa
```
#0a5aaa rgb(10,90,170)
```
#045ab0
```
#045ab0 rgb(4,90,176)
```

Tone Color Variation

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

#535e83 Protanopia 1% of men
#4e5f87 Deuteranopia 1% of men
#32676e Tritanopia 0.001% of the population

Trichromacy

#485d82 Protanomaly 1% of men, 0.01% of women
#445d85 Deuteranomaly 6% of men, 0.4% of women
#326275 Tritanomaly 0.01% of the population

#345a80 hex color

#345a80 Color Information

#345a80 Color Conversion

Color Schemes with #345a80

Alternatives to #345a80

#345a80 Preview

Shades and Tints of #345a80

Tones of #345a80

Color Blindness Simulator