#345f88 hex color

In a RGB color space, hex #345f88 is composed of 20.4% red, 37.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 30.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 209.3 degrees, a saturation of 44.7% and a lightness of 36.9%. #345f88 color hex could be obtained by blending #68beff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 37
- B 53
RGB color chart
- C 62
- M 30
- Y 0
- K 47
CMYK color chart

● #345f88 color description : Dark moderate blue.

The hexadecimal color #345f88 has RGB values of R:52, G:95, B:136 and CMYK values of C:0.62, M:0.3, Y:0, K:0.47. Its decimal value is 3432328.

Hex triplet	345f88	`#345f88`
RGB Decimal	52, 95, 136	`rgb(52,95,136)`
RGB Percent	20.4, 37.3, 53.3	`rgb(20.4%,37.3%,53.3%)`
CMYK	62, 30, 0, 47
HSL	209.3°, 44.7, 36.9	`hsl(209.3,44.7%,36.9%)`
HSV (or HSB)	209.3°, 61.8, 53.3
Web Safe	336699	`#336699`

CIE-LAB	39.056, -1.651, -27.267
XYZ	9.951, 10.691, 24.83
xyY	0.219, 0.235, 10.691
CIE-LCH	39.056, 27.317, 266.535
CIE-LUV	39.056, -17.896, -38.228
Hunter-Lab	32.698, -2.896, -22.136
Binary	00110100, 01011111, 10001000

#345f88
```
#345f88 rgb(52,95,136)
```
#885d34
```
#885d34 rgb(136,93,52)
```

Complementary Color

#348887
```
#348887 rgb(52,136,135)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#343588
```
#343588 rgb(52,53,136)
```

Analogous Color

#888734
```
#888734 rgb(136,135,52)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#883435
```
#883435 rgb(136,52,53)
```

Split Complementary Color

#5f8834
```
#5f8834 rgb(95,136,52)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#88345f
```
#88345f rgb(136,52,95)
```

Triadic Color

#34885d
```
#34885d rgb(52,136,93)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#88345f
```
#88345f rgb(136,52,95)
```
#885d34
```
#885d34 rgb(136,93,52)
```

Tetradic Color

#1f3851
```
#1f3851 rgb(31,56,81)
```
#264563
```
#264563 rgb(38,69,99)
```
#2d5276
```
#2d5276 rgb(45,82,118)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#3b6c9a
```
#3b6c9a rgb(59,108,154)
```
#4279ad
```
#4279ad rgb(66,121,173)
```
#4d86bb
```
#4d86bb rgb(77,134,187)
```

Monochromatic Color

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

#347488
```
#347488 rgb(52,116,136)
```
#346d88
```
#346d88 rgb(52,109,136)
```
#346688
```
#346688 rgb(52,102,136)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#345888
```
#345888 rgb(52,88,136)
```
#345188
```
#345188 rgb(52,81,136)
```
#344a88
```
#344a88 rgb(52,74,136)
```

Similar Colors

Text with hexadecimal color #345f88

This text has a font color of #345f88.

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

#345f88 background color

This paragraph has a background color of #345f88.

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

#345f88 border color

This element has a border color of #345f88.

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

CSS codes

.text {color:#345f88;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091016
```
#091016 rgb(9,16,22)
```
#0e1a25
```
#0e1a25 rgb(14,26,37)
```
#132433
```
#132433 rgb(19,36,51)
```
#192d41
```
#192d41 rgb(25,45,65)
```
#1e374f
```
#1e374f rgb(30,55,79)
```
#24415d
```
#24415d rgb(36,65,93)
```
#294b6c
```
#294b6c rgb(41,75,108)
```
#2f557a
```
#2f557a rgb(47,85,122)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#396996
```
#396996 rgb(57,105,150)
```
#3f73a4
```
#3f73a4 rgb(63,115,164)
```
#447db3
```
#447db3 rgb(68,125,179)
```

Shade Color Variation

#4f87bc
```
#4f87bc rgb(79,135,188)
```
#5d90c1
```
#5d90c1 rgb(93,144,193)
```
#6b9ac6
```
#6b9ac6 rgb(107,154,198)
```
#79a4cc
```
#79a4cc rgb(121,164,204)
```
#88add1
```
#88add1 rgb(136,173,209)
```
#96b7d7
```
#96b7d7 rgb(150,183,215)
```
#a4c1dc
```
#a4c1dc rgb(164,193,220)
```
#b2cae2
```
#b2cae2 rgb(178,202,226)
```
#c0d4e7
```
#c0d4e7 rgb(192,212,231)
```
#cfdeec
```
#cfdeec rgb(207,222,236)
```
#dde8f2
```
#dde8f2 rgb(221,232,242)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585e64 is the less saturated color, while #0160bb is the most saturated one.

#585e64
```
#585e64 rgb(88,94,100)
```
#515e6b
```
#515e6b rgb(81,94,107)
```
#4a5e72
```
#4a5e72 rgb(74,94,114)
```
#425f7a
```
#425f7a rgb(66,95,122)
```
#3b5f81
```
#3b5f81 rgb(59,95,129)
```
#345f88
```
#345f88 rgb(52,95,136)
```
#2d5f8f
```
#2d5f8f rgb(45,95,143)
```
#265f96
```
#265f96 rgb(38,95,150)
```
#1e609e
```
#1e609e rgb(30,96,158)
```
#1760a5
```
#1760a5 rgb(23,96,165)
```
#1060ac
```
#1060ac rgb(16,96,172)
```
#0960b3
```
#0960b3 rgb(9,96,179)
```
#0160bb
```
#0160bb rgb(1,96,187)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56638b Protanopia 1% of men
#50638f Deuteranopia 1% of men
#2f6c74 Tritanopia 0.001% of the population

Trichromacy

#4a618a Protanomaly 1% of men, 0.01% of women
#45628c Deuteranomaly 6% of men, 0.4% of women
#31677b Tritanomaly 0.01% of the population

#345f88 hex color

#345f88 Color Information

#345f88 Color Conversion

Color Schemes with #345f88

Alternatives to #345f88

#345f88 Preview

Shades and Tints of #345f88

Tones of #345f88

Color Blindness Simulator