#345a75 hex color

In a RGB color space, hex #345a75 is composed of 20.4% red, 35.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 23.1% magenta, 0% yellow and 54.1% black. It has a hue angle of 204.9 degrees, a saturation of 38.5% and a lightness of 33.1%. #345a75 color hex could be obtained by blending #68b4ea with #000000. Closest websafe color is: #336666.

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

● #345a75 color description : Dark moderate blue.

The hexadecimal color #345a75 has RGB values of R:52, G:90, B:117 and CMYK values of C:0.56, M:0.23, Y:0, K:0.54. Its decimal value is 3431029.

Hex triplet	345a75	`#345a75`
RGB Decimal	52, 90, 117	`rgb(52,90,117)`
RGB Percent	20.4, 35.3, 45.9	`rgb(20.4%,35.3%,45.9%)`
CMYK	56, 23, 0, 54
HSL	204.9°, 38.5, 33.1	`hsl(204.9,38.5%,33.1%)`
HSV (or HSB)	204.9°, 55.6, 45.9
Web Safe	336666	`#336666`

CIE-LAB	36.605, -5.074, -19.457
XYZ	8.282, 9.326, 18.192
xyY	0.231, 0.261, 9.326
CIE-LCH	36.605, 20.108, 255.384
CIE-LUV	36.605, -16.389, -25.865
Hunter-Lab	30.539, -5.032, -13.942
Binary	00110100, 01011010, 01110101

#345a75
```
#345a75 rgb(52,90,117)
```
#754f34
```
#754f34 rgb(117,79,52)
```

Complementary Color

#347570
```
#347570 rgb(52,117,112)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#343a75
```
#343a75 rgb(52,58,117)
```

Analogous Color

#757034
```
#757034 rgb(117,112,52)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#75343a
```
#75343a rgb(117,52,58)
```

Split Complementary Color

#5a7534
```
#5a7534 rgb(90,117,52)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#75345a
```
#75345a rgb(117,52,90)
```

Triadic Color

#34754f
```
#34754f rgb(52,117,79)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#75345a
```
#75345a rgb(117,52,90)
```
#754f34
```
#754f34 rgb(117,79,52)
```

Tetradic Color

#1c3140
```
#1c3140 rgb(28,49,64)
```
#243f52
```
#243f52 rgb(36,63,82)
```
#2c4c63
```
#2c4c63 rgb(44,76,99)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#3c6887
```
#3c6887 rgb(60,104,135)
```
#447598
```
#447598 rgb(68,117,152)
```
#4c83aa
```
#4c83aa rgb(76,131,170)
```

Monochromatic Color

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

#346a75
```
#346a75 rgb(52,106,117)
```
#346575
```
#346575 rgb(52,101,117)
```
#345f75
```
#345f75 rgb(52,95,117)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#345575
```
#345575 rgb(52,85,117)
```
#344f75
```
#344f75 rgb(52,79,117)
```
#344a75
```
#344a75 rgb(52,74,117)
```

Similar Colors

Text with hexadecimal color #345a75

This text has a font color of #345a75.

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

#345a75 background color

This paragraph has a background color of #345a75.

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

#345a75 border color

This element has a border color of #345a75.

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

CSS codes

.text {color:#345a75;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1116
```
#0a1116 rgb(10,17,22)
```
#101b24
```
#101b24 rgb(16,27,36)
```
#162631
```
#162631 rgb(22,38,49)
```
#1c303f
```
#1c303f rgb(28,48,63)
```
#223b4c
```
#223b4c rgb(34,59,76)
```
#28455a
```
#28455a rgb(40,69,90)
```
#2e5067
```
#2e5067 rgb(46,80,103)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#3a6483
```
#3a6483 rgb(58,100,131)
```
#406f90
```
#406f90 rgb(64,111,144)
```
#46799e
```
#46799e rgb(70,121,158)
```
#4c84ab
```
#4c84ab rgb(76,132,171)
```

Shade Color Variation

#578db4
```
#578db4 rgb(87,141,180)
```
#6497ba
```
#6497ba rgb(100,151,186)
```
#72a0c0
```
#72a0c0 rgb(114,160,192)
```
#80a9c6
```
#80a9c6 rgb(128,169,198)
```
#8db2cc
```
#8db2cc rgb(141,178,204)
```
#9bbbd2
```
#9bbbd2 rgb(155,187,210)
```
#a8c4d8
```
#a8c4d8 rgb(168,196,216)
```
#b6cedf
```
#b6cedf rgb(182,206,223)
```
#c3d7e5
```
#c3d7e5 rgb(195,215,229)
```
#d1e0eb
```
#d1e0eb rgb(209,224,235)
```
#dfe9f1
```
#dfe9f1 rgb(223,233,241)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e565b is the less saturated color, while #0063a9 is the most saturated one.

#4e565b
```
#4e565b rgb(78,86,91)
```
#485762
```
#485762 rgb(72,87,98)
```
#415868
```
#415868 rgb(65,88,104)
```
#3b596f
```
#3b596f rgb(59,89,111)
```
#345a75
```
#345a75 rgb(52,90,117)
```
#2e5b7c
```
#2e5b7c rgb(46,91,124)
```
#275c82
```
#275c82 rgb(39,92,130)
```
#215d89
```
#215d89 rgb(33,93,137)
```
#1a5e8f
```
#1a5e8f rgb(26,94,143)
```
#146096
```
#146096 rgb(20,96,150)
```
#0d619c
```
#0d619c rgb(13,97,156)
```
#0762a3
```
#0762a3 rgb(7,98,163)
```
#0063a9
```
#0063a9 rgb(0,99,169)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575d79 Protanopia 1% of men
#545d7e Deuteranopia 1% of men
#37656c Tritanopia 0.001% of the population

Trichromacy

#4a5c77 Protanomaly 1% of men, 0.01% of women
#485c7a Deuteranomaly 6% of men, 0.4% of women
#36616f Tritanomaly 0.01% of the population

#345a75 hex color

#345a75 Color Information

#345a75 Color Conversion

Color Schemes with #345a75

Alternatives to #345a75

#345a75 Preview

Shades and Tints of #345a75

Tones of #345a75

Color Blindness Simulator