#349ad4 hex color

In a RGB color space, hex #349ad4 is composed of 20.4% red, 60.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 27.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 201.8 degrees, a saturation of 65% and a lightness of 51.8%. #349ad4 color hex could be obtained by blending #68ffff with #0035a9. Closest websafe color is: #3399cc.

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

● #349ad4 color description : Strong blue.

The hexadecimal color #349ad4 has RGB values of R:52, G:154, B:212 and CMYK values of C:0.75, M:0.27, Y:0, K:0.17. Its decimal value is 3447508.

Hex triplet	349ad4	`#349ad4`
RGB Decimal	52, 154, 212	`rgb(52,154,212)`
RGB Percent	20.4, 60.4, 83.1	`rgb(20.4%,60.4%,83.1%)`
CMYK	75, 27, 0, 17
HSL	201.8°, 65, 51.8	`hsl(201.8,65%,51.8%)`
HSV (or HSB)	201.8°, 75.5, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.42, -9.67, -37.922
XYZ	24.852, 28.593, 66.493
xyY	0.207, 0.238, 28.593
CIE-LCH	60.42, 39.136, 255.694
CIE-LUV	60.42, -35.861, -58.431
Hunter-Lab	53.472, -10.614, -36.297
Binary	00110100, 10011010, 11010100

#349ad4
```
#349ad4 rgb(52,154,212)
```
#d46e34
```
#d46e34 rgb(212,110,52)
```

Complementary Color

#34d4be
```
#34d4be rgb(52,212,190)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#344ad4
```
#344ad4 rgb(52,74,212)
```

Analogous Color

#d4be34
```
#d4be34 rgb(212,190,52)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#d4344a
```
#d4344a rgb(212,52,74)
```

Split Complementary Color

#9ad434
```
#9ad434 rgb(154,212,52)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#d4349a
```
#d4349a rgb(212,52,154)
```

Triadic Color

#34d46e
```
#34d46e rgb(52,212,110)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#d4349a
```
#d4349a rgb(212,52,154)
```
#d46e34
```
#d46e34 rgb(212,110,52)
```

Tetradic Color

#216f9b
```
#216f9b rgb(33,111,155)
```
#257eb0
```
#257eb0 rgb(37,126,176)
```
#2a8dc5
```
#2a8dc5 rgb(42,141,197)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#49a4d8
```
#49a4d8 rgb(73,164,216)
```
#5eafdd
```
#5eafdd rgb(94,175,221)
```
#73b9e1
```
#73b9e1 rgb(115,185,225)
```

Monochromatic Color

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

#34c2d4
```
#34c2d4 rgb(52,194,212)
```
#34b5d4
```
#34b5d4 rgb(52,181,212)
```
#34a7d4
```
#34a7d4 rgb(52,167,212)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#348dd4
```
#348dd4 rgb(52,141,212)
```
#347fd4
```
#347fd4 rgb(52,127,212)
```
#3472d4
```
#3472d4 rgb(52,114,212)
```

Similar Colors

Text with hexadecimal color #349ad4

This text has a font color of #349ad4.

<span style="color:#349ad4;">Text here</span>

#349ad4 background color

This paragraph has a background color of #349ad4.

<p style="background-color:#349ad4;">Content here</p>

#349ad4 border color

This element has a border color of #349ad4.

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

CSS codes

.text {color:#349ad4;}

.background {background-color:#349ad4;}

.border {border:1px solid #349ad4;}

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 #f6fbfd is the lightest one.

#020507
```
#020507 rgb(2,5,7)
```
#051118
```
#051118 rgb(5,17,24)
```
#081c28
```
#081c28 rgb(8,28,40)
```
#0c2838
```
#0c2838 rgb(12,40,56)
```
#0f3448
```
#0f3448 rgb(15,52,72)
```
#133f58
```
#133f58 rgb(19,63,88)
```
#164b69
```
#164b69 rgb(22,75,105)
```
#1a5679
```
#1a5679 rgb(26,86,121)
```
#1d6289
```
#1d6289 rgb(29,98,137)
```
#206d99
```
#206d99 rgb(32,109,153)
```
#2479a9
```
#2479a9 rgb(36,121,169)
```
#2784b9
```
#2784b9 rgb(39,132,185)
```
#2b90ca
```
#2b90ca rgb(43,144,202)
```

Shade Color Variation

#349ad4
```
#349ad4 rgb(52,154,212)
```
#44a2d7
```
#44a2d7 rgb(68,162,215)
```
#54aadb
```
#54aadb rgb(84,170,219)
```
#65b2de
```
#65b2de rgb(101,178,222)
```
#75bae2
```
#75bae2 rgb(117,186,226)
```
#85c2e5
```
#85c2e5 rgb(133,194,229)
```
#95cae9
```
#95cae9 rgb(149,202,233)
```
#a5d2ec
```
#a5d2ec rgb(165,210,236)
```
#b5daef
```
#b5daef rgb(181,218,239)
```
#c6e2f3
```
#c6e2f3 rgb(198,226,243)
```
#d6ebf6
```
#d6ebf6 rgb(214,235,246)
```
#e6f3fa
```
#e6f3fa rgb(230,243,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,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 #0ea4fa is the most saturated one.

#808588
```
#808588 rgb(128,133,136)
```
#768892
```
#768892 rgb(118,136,146)
```
#6d8a9b
```
#6d8a9b rgb(109,138,155)
```
#638da5
```
#638da5 rgb(99,141,165)
```
#5a90ae
```
#5a90ae rgb(90,144,174)
```
#5092b8
```
#5092b8 rgb(80,146,184)
```
#4795c1
```
#4795c1 rgb(71,149,193)
```
#3d97cb
```
#3d97cb rgb(61,151,203)
```
#349ad4
```
#349ad4 rgb(52,154,212)
```
#2b9ddd
```
#2b9ddd rgb(43,157,221)
```
#219fe7
```
#219fe7 rgb(33,159,231)
```
#18a2f0
```
#18a2f0 rgb(24,162,240)
```
#0ea4fa
```
#0ea4fa rgb(14,164,250)
```

Tone Color Variation

Below, you can see how #349ad4 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

#828282 Achromatopsia 0.005% of the population
#728792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8495cf Protanopia 1% of men
#7696d9 Deuteranopia 1% of men
#00a6b2 Tritanopia 0.001% of the population

Trichromacy

#6697d0 Protanomaly 1% of men, 0.01% of women
#5e97d7 Deuteranomaly 6% of men, 0.4% of women
#12a1be Tritanomaly 0.01% of the population

#349ad4 hex color

#349ad4 Color Information

#349ad4 Color Conversion

Color Schemes with #349ad4

Alternatives to #349ad4

#349ad4 Preview

Shades and Tints of #349ad4

Tones of #349ad4

Color Blindness Simulator