#348fd4 hex color

In a RGB color space, hex #348fd4 is composed of 20.4% red, 56.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 32.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 205.9 degrees, a saturation of 65% and a lightness of 51.8%. #348fd4 color hex could be obtained by blending #68ffff with #001fa9. Closest websafe color is: #3399cc.

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

● #348fd4 color description : Strong blue.

The hexadecimal color #348fd4 has RGB values of R:52, G:143, B:212 and CMYK values of C:0.75, M:0.33, Y:0, K:0.17. Its decimal value is 3444692.

Hex triplet	348fd4	`#348fd4`
RGB Decimal	52, 143, 212	`rgb(52,143,212)`
RGB Percent	20.4, 56.1, 83.1	`rgb(20.4%,56.1%,83.1%)`
CMYK	75, 33, 0, 17
HSL	205.9°, 65, 51.8	`hsl(205.9,65%,51.8%)`
HSV (or HSB)	205.9°, 75.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.199, -3.395, -42.985
XYZ	23.119, 25.127, 65.915
xyY	0.203, 0.22, 25.127
CIE-LCH	57.199, 43.118, 265.485
CIE-LUV	57.199, -32.073, -66.943
Hunter-Lab	50.126, -5.393, -42.877
Binary	00110100, 10001111, 11010100

#348fd4
```
#348fd4 rgb(52,143,212)
```
#d47934
```
#d47934 rgb(212,121,52)
```

Complementary Color

#34d4c9
```
#34d4c9 rgb(52,212,201)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#343fd4
```
#343fd4 rgb(52,63,212)
```

Analogous Color

#d4c934
```
#d4c934 rgb(212,201,52)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#d4343f
```
#d4343f rgb(212,52,63)
```

Split Complementary Color

#8fd434
```
#8fd434 rgb(143,212,52)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#d4348f
```
#d4348f rgb(212,52,143)
```

Triadic Color

#34d479
```
#34d479 rgb(52,212,121)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#d4348f
```
#d4348f rgb(212,52,143)
```
#d47934
```
#d47934 rgb(212,121,52)
```

Tetradic Color

#21669b
```
#21669b rgb(33,102,155)
```
#2574b0
```
#2574b0 rgb(37,116,176)
```
#2a82c5
```
#2a82c5 rgb(42,130,197)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#499bd8
```
#499bd8 rgb(73,155,216)
```
#5ea6dd
```
#5ea6dd rgb(94,166,221)
```
#73b2e1
```
#73b2e1 rgb(115,178,225)
```

Monochromatic Color

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

#34b7d4
```
#34b7d4 rgb(52,183,212)
```
#34aad4
```
#34aad4 rgb(52,170,212)
```
#349cd4
```
#349cd4 rgb(52,156,212)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#3482d4
```
#3482d4 rgb(52,130,212)
```
#3474d4
```
#3474d4 rgb(52,116,212)
```
#3467d4
```
#3467d4 rgb(52,103,212)
```

Similar Colors

Text with hexadecimal color #348fd4

This text has a font color of #348fd4.

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

#348fd4 background color

This paragraph has a background color of #348fd4.

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

#348fd4 border color

This element has a border color of #348fd4.

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

CSS codes

.text {color:#348fd4;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#051018
```
#051018 rgb(5,16,24)
```
#081a28
```
#081a28 rgb(8,26,40)
```
#0c2538
```
#0c2538 rgb(12,37,56)
```
#0f3048
```
#0f3048 rgb(15,48,72)
```
#133a58
```
#133a58 rgb(19,58,88)
```
#164569
```
#164569 rgb(22,69,105)
```
#1a5079
```
#1a5079 rgb(26,80,121)
```
#1d5a89
```
#1d5a89 rgb(29,90,137)
```
#206599
```
#206599 rgb(32,101,153)
```
#2470a9
```
#2470a9 rgb(36,112,169)
```
#277ab9
```
#277ab9 rgb(39,122,185)
```
#2b85ca
```
#2b85ca rgb(43,133,202)
```

Shade Color Variation

#348fd4
```
#348fd4 rgb(52,143,212)
```
#4498d7
```
#4498d7 rgb(68,152,215)
```
#54a1db
```
#54a1db rgb(84,161,219)
```
#65aade
```
#65aade rgb(101,170,222)
```
#75b3e2
```
#75b3e2 rgb(117,179,226)
```
#85bce5
```
#85bce5 rgb(133,188,229)
```
#95c5e9
```
#95c5e9 rgb(149,197,233)
```
#a5ceec
```
#a5ceec rgb(165,206,236)
```
#b5d6ef
```
#b5d6ef rgb(181,214,239)
```
#c6dff3
```
#c6dff3 rgb(198,223,243)
```
#d6e8f6
```
#d6e8f6 rgb(214,232,246)
```
#e6f1fa
```
#e6f1fa rgb(230,241,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#808588
```
#808588 rgb(128,133,136)
```
#768692
```
#768692 rgb(118,134,146)
```
#6d879b
```
#6d879b rgb(109,135,155)
```
#6388a5
```
#6388a5 rgb(99,136,165)
```
#5a8aae
```
#5a8aae rgb(90,138,174)
```
#508bb8
```
#508bb8 rgb(80,139,184)
```
#478cc1
```
#478cc1 rgb(71,140,193)
```
#3d8ecb
```
#3d8ecb rgb(61,142,203)
```
#348fd4
```
#348fd4 rgb(52,143,212)
```
#2b90dd
```
#2b90dd rgb(43,144,221)
```
#2192e7
```
#2192e7 rgb(33,146,231)
```
#1893f0
```
#1893f0 rgb(24,147,240)
```
#0e94fa
```
#0e94fa rgb(14,148,250)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6e808e Atypical Achromatopsia 0.001% of the population

Dichromacy

#768dd0 Protanopia 1% of men
#638fd8 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5e8dd1 Protanomaly 1% of men, 0.01% of women
#528fd6 Deuteranomaly 6% of men, 0.4% of women
#1298b8 Tritanomaly 0.01% of the population

#348fd4 hex color

#348fd4 Color Information

#348fd4 Color Conversion

Color Schemes with #348fd4

Alternatives to #348fd4

#348fd4 Preview

Shades and Tints of #348fd4

Tones of #348fd4

Color Blindness Simulator