#345bd4 hex color

In a RGB color space, hex #345bd4 is composed of 20.4% red, 35.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 57.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 225.4 degrees, a saturation of 65% and a lightness of 51.8%. #345bd4 color hex could be obtained by blending #68b6ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 36
- B 83
RGB color chart
- C 75
- M 57
- Y 0
- K 17
CMYK color chart

● #345bd4 color description : Strong blue.

The hexadecimal color #345bd4 has RGB values of R:52, G:91, B:212 and CMYK values of C:0.75, M:0.57, Y:0, K:0.17. Its decimal value is 3431380.

Hex triplet	345bd4	`#345bd4`
RGB Decimal	52, 91, 212	`rgb(52,91,212)`
RGB Percent	20.4, 35.7, 83.1	`rgb(20.4%,35.7%,83.1%)`
CMYK	75, 57, 0, 17
HSL	225.4°, 65, 51.8	`hsl(225.4,65%,51.8%)`
HSV (or HSB)	225.4°, 75.5, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.71, 28.866, -66.213
XYZ	17.038, 12.965, 63.888
xyY	0.181, 0.138, 12.965
CIE-LCH	42.71, 72.231, 293.555
CIE-LUV	42.71, -15.988, -99.346
Hunter-Lab	36.006, 21.457, -79.998
Binary	00110100, 01011011, 11010100

#345bd4
```
#345bd4 rgb(52,91,212)
```
#d4ad34
```
#d4ad34 rgb(212,173,52)
```

Complementary Color

#34abd4
```
#34abd4 rgb(52,171,212)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#5d34d4
```
#5d34d4 rgb(93,52,212)
```

Analogous Color

#abd434
```
#abd434 rgb(171,212,52)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#d45d34
```
#d45d34 rgb(212,93,52)
```

Split Complementary Color

#5bd434
```
#5bd434 rgb(91,212,52)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#d4345b
```
#d4345b rgb(212,52,91)
```

Triadic Color

#34d4ad
```
#34d4ad rgb(52,212,173)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#d4345b
```
#d4345b rgb(212,52,91)
```
#d4ad34
```
#d4ad34 rgb(212,173,52)
```

Tetradic Color

#213f9b
```
#213f9b rgb(33,63,155)
```
#2547b0
```
#2547b0 rgb(37,71,176)
```
#2a50c5
```
#2a50c5 rgb(42,80,197)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#496cd8
```
#496cd8 rgb(73,108,216)
```
#5e7ddd
```
#5e7ddd rgb(94,125,221)
```
#738ee1
```
#738ee1 rgb(115,142,225)
```

Monochromatic Color

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

#3483d4
```
#3483d4 rgb(52,131,212)
```
#3476d4
```
#3476d4 rgb(52,118,212)
```
#3468d4
```
#3468d4 rgb(52,104,212)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#344ed4
```
#344ed4 rgb(52,78,212)
```
#3440d4
```
#3440d4 rgb(52,64,212)
```
#3534d4
```
#3534d4 rgb(53,52,212)
```

Similar Colors

Text with hexadecimal color #345bd4

This text has a font color of #345bd4.

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

#345bd4 background color

This paragraph has a background color of #345bd4.

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

#345bd4 border color

This element has a border color of #345bd4.

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

CSS codes

.text {color:#345bd4;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#050a18
```
#050a18 rgb(5,10,24)
```
#081028
```
#081028 rgb(8,16,40)
```
#0c1738
```
#0c1738 rgb(12,23,56)
```
#0f1d48
```
#0f1d48 rgb(15,29,72)
```
#132458
```
#132458 rgb(19,36,88)
```
#162a69
```
#162a69 rgb(22,42,105)
```
#1a3179
```
#1a3179 rgb(26,49,121)
```
#1d3789
```
#1d3789 rgb(29,55,137)
```
#203e99
```
#203e99 rgb(32,62,153)
```
#2444a9
```
#2444a9 rgb(36,68,169)
```
#274bb9
```
#274bb9 rgb(39,75,185)
```
#2b51ca
```
#2b51ca rgb(43,81,202)
```

Shade Color Variation

#345bd4
```
#345bd4 rgb(52,91,212)
```
#4468d7
```
#4468d7 rgb(68,104,215)
```
#5475db
```
#5475db rgb(84,117,219)
```
#6582de
```
#6582de rgb(101,130,222)
```
#758fe2
```
#758fe2 rgb(117,143,226)
```
#859ce5
```
#859ce5 rgb(133,156,229)
```
#95a9e9
```
#95a9e9 rgb(149,169,233)
```
#a5b7ec
```
#a5b7ec rgb(165,183,236)
```
#b5c4ef
```
#b5c4ef rgb(181,196,239)
```
#c6d1f3
```
#c6d1f3 rgb(198,209,243)
```
#d6def6
```
#d6def6 rgb(214,222,246)
```
#e6ebfa
```
#e6ebfa rgb(230,235,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808288 is the less saturated color, while #0e48fa is the most saturated one.

#808288
```
#808288 rgb(128,130,136)
```
#767d92
```
#767d92 rgb(118,125,146)
```
#6d789b
```
#6d789b rgb(109,120,155)
```
#6373a5
```
#6373a5 rgb(99,115,165)
```
#5a6eae
```
#5a6eae rgb(90,110,174)
```
#506ab8
```
#506ab8 rgb(80,106,184)
```
#4765c1
```
#4765c1 rgb(71,101,193)
```
#3d60cb
```
#3d60cb rgb(61,96,203)
```
#345bd4
```
#345bd4 rgb(52,91,212)
```
#2b56dd
```
#2b56dd rgb(43,86,221)
```
#2151e7
```
#2151e7 rgb(33,81,231)
```
#184cf0
```
#184cf0 rgb(24,76,240)
```
#0e48fa
```
#0e48fa rgb(14,72,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#555d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1264d0 Protanomaly 1% of men, 0.01% of women
#1267c0 Deuteranomaly 6% of men, 0.4% of women
#126d9d Tritanomaly 0.01% of the population

#345bd4 hex color

#345bd4 Color Information

#345bd4 Color Conversion

Color Schemes with #345bd4

Alternatives to #345bd4

#345bd4 Preview

Shades and Tints of #345bd4

Tones of #345bd4

Color Blindness Simulator