#345fd4 hex color

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

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

● #345fd4 color description : Strong blue.

The hexadecimal color #345fd4 has RGB values of R:52, G:95, B:212 and CMYK values of C:0.75, M:0.55, Y:0, K:0.17. Its decimal value is 3432404.

Hex triplet	345fd4	`#345fd4`
RGB Decimal	52, 95, 212	`rgb(52,95,212)`
RGB Percent	20.4, 37.3, 83.1	`rgb(20.4%,37.3%,83.1%)`
CMYK	75, 55, 0, 17
HSL	223.9°, 65, 51.8	`hsl(223.9,65%,51.8%)`
HSV (or HSB)	223.9°, 75.5, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.751, 26.3, -64.52
XYZ	17.39, 13.667, 64.005
xyY	0.183, 0.144, 13.667
CIE-LCH	43.751, 69.674, 292.178
CIE-LUV	43.751, -17.057, -97.557
Hunter-Lab	36.969, 19.269, -76.773
Binary	00110100, 01011111, 11010100

#345fd4
```
#345fd4 rgb(52,95,212)
```
#d4a934
```
#d4a934 rgb(212,169,52)
```

Complementary Color

#34afd4
```
#34afd4 rgb(52,175,212)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#5934d4
```
#5934d4 rgb(89,52,212)
```

Analogous Color

#afd434
```
#afd434 rgb(175,212,52)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#d45934
```
#d45934 rgb(212,89,52)
```

Split Complementary Color

#5fd434
```
#5fd434 rgb(95,212,52)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#d4345f
```
#d4345f rgb(212,52,95)
```

Triadic Color

#34d4a9
```
#34d4a9 rgb(52,212,169)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#d4345f
```
#d4345f rgb(212,52,95)
```
#d4a934
```
#d4a934 rgb(212,169,52)
```

Tetradic Color

#21429b
```
#21429b rgb(33,66,155)
```
#254ab0
```
#254ab0 rgb(37,74,176)
```
#2a53c5
```
#2a53c5 rgb(42,83,197)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#4970d8
```
#4970d8 rgb(73,112,216)
```
#5e80dd
```
#5e80dd rgb(94,128,221)
```
#7391e1
```
#7391e1 rgb(115,145,225)
```

Monochromatic Color

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

#3487d4
```
#3487d4 rgb(52,135,212)
```
#347ad4
```
#347ad4 rgb(52,122,212)
```
#346cd4
```
#346cd4 rgb(52,108,212)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#3452d4
```
#3452d4 rgb(52,82,212)
```
#3444d4
```
#3444d4 rgb(52,68,212)
```
#3437d4
```
#3437d4 rgb(52,55,212)
```

Similar Colors

Text with hexadecimal color #345fd4

This text has a font color of #345fd4.

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

#345fd4 background color

This paragraph has a background color of #345fd4.

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

#345fd4 border color

This element has a border color of #345fd4.

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

CSS codes

.text {color:#345fd4;}

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

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

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)
```
#081128
```
#081128 rgb(8,17,40)
```
#0c1838
```
#0c1838 rgb(12,24,56)
```
#0f1f48
```
#0f1f48 rgb(15,31,72)
```
#132558
```
#132558 rgb(19,37,88)
```
#162c69
```
#162c69 rgb(22,44,105)
```
#1a3379
```
#1a3379 rgb(26,51,121)
```
#1d3a89
```
#1d3a89 rgb(29,58,137)
```
#204199
```
#204199 rgb(32,65,153)
```
#2448a9
```
#2448a9 rgb(36,72,169)
```
#274fb9
```
#274fb9 rgb(39,79,185)
```
#2b55ca
```
#2b55ca rgb(43,85,202)
```

Shade Color Variation

#345fd4
```
#345fd4 rgb(52,95,212)
```
#446cd7
```
#446cd7 rgb(68,108,215)
```
#5479db
```
#5479db rgb(84,121,219)
```
#6585de
```
#6585de rgb(101,133,222)
```
#7592e2
```
#7592e2 rgb(117,146,226)
```
#859fe5
```
#859fe5 rgb(133,159,229)
```
#95ace9
```
#95ace9 rgb(149,172,233)
```
#a5b8ec
```
#a5b8ec rgb(165,184,236)
```
#b5c5ef
```
#b5c5ef rgb(181,197,239)
```
#c6d2f3
```
#c6d2f3 rgb(198,210,243)
```
#d6dff6
```
#d6dff6 rgb(214,223,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 #0e4dfa is the most saturated one.

#808288
```
#808288 rgb(128,130,136)
```
#767e92
```
#767e92 rgb(118,126,146)
```
#6d799b
```
#6d799b rgb(109,121,155)
```
#6375a5
```
#6375a5 rgb(99,117,165)
```
#5a71ae
```
#5a71ae rgb(90,113,174)
```
#506cb8
```
#506cb8 rgb(80,108,184)
```
#4768c1
```
#4768c1 rgb(71,104,193)
```
#3d63cb
```
#3d63cb rgb(61,99,203)
```
#345fd4
```
#345fd4 rgb(52,95,212)
```
#2b5bdd
```
#2b5bdd rgb(43,91,221)
```
#2156e7
```
#2156e7 rgb(33,86,231)
```
#1852f0
```
#1852f0 rgb(24,82,240)
```
#0e4dfa
```
#0e4dfa rgb(14,77,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#565f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1267d3 Protanomaly 1% of men, 0.01% of women
#126ac3 Deuteranomaly 6% of men, 0.4% of women
#12709f Tritanomaly 0.01% of the population

#345fd4 hex color

#345fd4 Color Information

#345fd4 Color Conversion

Color Schemes with #345fd4

Alternatives to #345fd4

#345fd4 Preview

Shades and Tints of #345fd4

Tones of #345fd4

Color Blindness Simulator