#345bbd hex color

In a RGB color space, hex #345bbd is composed of 20.4% red, 35.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 51.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 222.9 degrees, a saturation of 56.8% and a lightness of 47.3%. #345bbd color hex could be obtained by blending #68b6ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 36
- B 74
RGB color chart
- C 72
- M 52
- Y 0
- K 26
CMYK color chart

● #345bbd color description : Moderate blue.

The hexadecimal color #345bbd has RGB values of R:52, G:91, B:189 and CMYK values of C:0.72, M:0.52, Y:0, K:0.26. Its decimal value is 3431357.

Hex triplet	345bbd	`#345bbd`
RGB Decimal	52, 91, 189	`rgb(52,91,189)`
RGB Percent	20.4, 35.7, 74.1	`rgb(20.4%,35.7%,74.1%)`
CMYK	72, 52, 0, 26
HSL	222.9°, 56.8, 47.3	`hsl(222.9,56.8%,47.3%)`
HSV (or HSB)	222.9°, 72.5, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.033, 20.349, -55.637
XYZ	14.341, 11.885, 49.68
xyY	0.189, 0.157, 11.885
CIE-LCH	41.033, 59.241, 290.09
CIE-LUV	41.033, -15.975, -82.817
Hunter-Lab	34.475, 13.919, -61.306
Binary	00110100, 01011011, 10111101

#345bbd
```
#345bbd rgb(52,91,189)
```
#bd9634
```
#bd9634 rgb(189,150,52)
```

Complementary Color

#34a0bd
```
#34a0bd rgb(52,160,189)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#5134bd
```
#5134bd rgb(81,52,189)
```

Analogous Color

#a0bd34
```
#a0bd34 rgb(160,189,52)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#bd5134
```
#bd5134 rgb(189,81,52)
```

Split Complementary Color

#5bbd34
```
#5bbd34 rgb(91,189,52)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#bd345b
```
#bd345b rgb(189,52,91)
```

Triadic Color

#34bd96
```
#34bd96 rgb(52,189,150)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#bd345b
```
#bd345b rgb(189,52,91)
```
#bd9634
```
#bd9634 rgb(189,150,52)
```

Tetradic Color

#233e81
```
#233e81 rgb(35,62,129)
```
#294895
```
#294895 rgb(41,72,149)
```
#2e51a9
```
#2e51a9 rgb(46,81,169)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#4067ca
```
#4067ca rgb(64,103,202)
```
#5477d0
```
#5477d0 rgb(84,119,208)
```
#6887d5
```
#6887d5 rgb(104,135,213)
```

Monochromatic Color

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

#347dbd
```
#347dbd rgb(52,125,189)
```
#3472bd
```
#3472bd rgb(52,114,189)
```
#3466bd
```
#3466bd rgb(52,102,189)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#3450bd
```
#3450bd rgb(52,80,189)
```
#3444bd
```
#3444bd rgb(52,68,189)
```
#3439bd
```
#3439bd rgb(52,57,189)
```

Similar Colors

Text with hexadecimal color #345bbd

This text has a font color of #345bbd.

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

#345bbd background color

This paragraph has a background color of #345bbd.

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

#345bbd border color

This element has a border color of #345bbd.

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

CSS codes

.text {color:#345bbd;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#0a1123
```
#0a1123 rgb(10,17,35)
```
#0e1833
```
#0e1833 rgb(14,24,51)
```
#122042
```
#122042 rgb(18,32,66)
```
#162751
```
#162751 rgb(22,39,81)
```
#1b2f61
```
#1b2f61 rgb(27,47,97)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#233d7f
```
#233d7f rgb(35,61,127)
```
#27458f
```
#27458f rgb(39,69,143)
```
#2c4c9e
```
#2c4c9e rgb(44,76,158)
```
#3054ae
```
#3054ae rgb(48,84,174)
```
#345bbd
```
#345bbd rgb(52,91,189)
```

Shade Color Variation

#3b64c9
```
#3b64c9 rgb(59,100,201)
```
#4b70cd
```
#4b70cd rgb(75,112,205)
```
#5a7cd2
```
#5a7cd2 rgb(90,124,210)
```
#6a88d6
```
#6a88d6 rgb(106,136,214)
```
#7995da
```
#7995da rgb(121,149,218)
```
#88a1de
```
#88a1de rgb(136,161,222)
```
#98ade3
```
#98ade3 rgb(152,173,227)
```
#a7b9e7
```
#a7b9e7 rgb(167,185,231)
```
#b6c5eb
```
#b6c5eb rgb(182,197,235)
```
#c6d2ef
```
#c6d2ef rgb(198,210,239)
```
#d5def4
```
#d5def4 rgb(213,222,244)
```
#e5eaf8
```
#e5eaf8 rgb(229,234,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777c is the less saturated color, while #0647eb is the most saturated one.

#75777c
```
#75777c rgb(117,119,124)
```
#6c7385
```
#6c7385 rgb(108,115,133)
```
#626f8f
```
#626f8f rgb(98,111,143)
```
#596b98
```
#596b98 rgb(89,107,152)
```
#5067a1
```
#5067a1 rgb(80,103,161)
```
#4763aa
```
#4763aa rgb(71,99,170)
```
#3d5fb4
```
#3d5fb4 rgb(61,95,180)
```
#345bbd
```
#345bbd rgb(52,91,189)
```
#2b57c6
```
#2b57c6 rgb(43,87,198)
```
#2153d0
```
#2153d0 rgb(33,83,208)
```
#184fd9
```
#184fd9 rgb(24,79,217)
```
#0f4be2
```
#0f4be2 rgb(15,75,226)
```
#0647eb
```
#0647eb rgb(6,71,235)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2465c2 Protanopia 1% of men
#006bb0 Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#2a61c0 Protanomaly 1% of men, 0.01% of women
#1265b4 Deuteranomaly 6% of men, 0.4% of women
#126a92 Tritanomaly 0.01% of the population

#345bbd hex color

#345bbd Color Information

#345bbd Color Conversion

Color Schemes with #345bbd

Alternatives to #345bbd

#345bbd Preview

Shades and Tints of #345bbd

Tones of #345bbd

Color Blindness Simulator