#349fd8 hex color

In a RGB color space, hex #349fd8 is composed of 20.4% red, 62.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 26.4% magenta, 0% yellow and 15.3% black. It has a hue angle of 200.9 degrees, a saturation of 67.8% and a lightness of 52.5%. #349fd8 color hex could be obtained by blending #68ffff with #003fb1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 62
- B 85
RGB color chart
- C 76
- M 26
- Y 0
- K 15
CMYK color chart

● #349fd8 color description : Strong blue.

The hexadecimal color #349fd8 has RGB values of R:52, G:159, B:216 and CMYK values of C:0.76, M:0.26, Y:0, K:0.15. Its decimal value is 3448792.

Hex triplet	349fd8	`#349fd8`
RGB Decimal	52, 159, 216	`rgb(52,159,216)`
RGB Percent	20.4, 62.4, 84.7	`rgb(20.4%,62.4%,84.7%)`
CMYK	76, 26, 0, 15
HSL	200.9°, 67.8, 52.5	`hsl(200.9,67.8%,52.5%)`
HSV (or HSB)	200.9°, 75.9, 84.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.068, -11.07, -37.573
XYZ	26.206, 30.482, 69.464
xyY	0.208, 0.242, 30.482
CIE-LCH	62.068, 39.17, 253.584
CIE-LUV	62.068, -37.377, -57.931
Hunter-Lab	55.21, -11.893, -35.95
Binary	00110100, 10011111, 11011000

#349fd8
```
#349fd8 rgb(52,159,216)
```
#d86d34
```
#d86d34 rgb(216,109,52)
```

Complementary Color

#34d8bf
```
#34d8bf rgb(52,216,191)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#344dd8
```
#344dd8 rgb(52,77,216)
```

Analogous Color

#d8bf34
```
#d8bf34 rgb(216,191,52)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#d8344d
```
#d8344d rgb(216,52,77)
```

Split Complementary Color

#9fd834
```
#9fd834 rgb(159,216,52)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#d8349f
```
#d8349f rgb(216,52,159)
```

Triadic Color

#34d86d
```
#34d86d rgb(52,216,109)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#d8349f
```
#d8349f rgb(216,52,159)
```
#d86d34
```
#d86d34 rgb(216,109,52)
```

Tetradic Color

#1f74a1
```
#1f74a1 rgb(31,116,161)
```
#2383b6
```
#2383b6 rgb(35,131,182)
```
#2792cb
```
#2792cb rgb(39,146,203)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#49a9dc
```
#49a9dc rgb(73,169,220)
```
#5fb3e0
```
#5fb3e0 rgb(95,179,224)
```
#74bde4
```
#74bde4 rgb(116,189,228)
```

Monochromatic Color

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

#34c8d8
```
#34c8d8 rgb(52,200,216)
```
#34bad8
```
#34bad8 rgb(52,186,216)
```
#34add8
```
#34add8 rgb(52,173,216)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#3491d8
```
#3491d8 rgb(52,145,216)
```
#3484d8
```
#3484d8 rgb(52,132,216)
```
#3476d8
```
#3476d8 rgb(52,118,216)
```

Similar Colors

Text with hexadecimal color #349fd8

This text has a font color of #349fd8.

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

#349fd8 background color

This paragraph has a background color of #349fd8.

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

#349fd8 border color

This element has a border color of #349fd8.

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

CSS codes

.text {color:#349fd8;}

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

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

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, #02080b is the darkest color, while #f9fcfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#05141b
```
#05141b rgb(5,20,27)
```
#08202c
```
#08202c rgb(8,32,44)
```
#0c2b3c
```
#0c2b3c rgb(12,43,60)
```
#0f374d
```
#0f374d rgb(15,55,77)
```
#12435d
```
#12435d rgb(18,67,93)
```
#154f6e
```
#154f6e rgb(21,79,110)
```
#185b7e
```
#185b7e rgb(24,91,126)
```
#1b678f
```
#1b678f rgb(27,103,143)
```
#1f729f
```
#1f729f rgb(31,114,159)
```
#227eaf
```
#227eaf rgb(34,126,175)
```
#258ac0
```
#258ac0 rgb(37,138,192)
```
#2896d0
```
#2896d0 rgb(40,150,208)
```

Shade Color Variation

#349fd8
```
#349fd8 rgb(52,159,216)
```
#44a7db
```
#44a7db rgb(68,167,219)
```
#55afde
```
#55afde rgb(85,175,222)
```
#65b6e1
```
#65b6e1 rgb(101,182,225)
```
#76bee5
```
#76bee5 rgb(118,190,229)
```
#86c6e8
```
#86c6e8 rgb(134,198,232)
```
#97ceeb
```
#97ceeb rgb(151,206,235)
```
#a7d5ee
```
#a7d5ee rgb(167,213,238)
```
#b8ddf1
```
#b8ddf1 rgb(184,221,241)
```
#c8e5f4
```
#c8e5f4 rgb(200,229,244)
```
#d9edf8
```
#d9edf8 rgb(217,237,248)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#7e888e
```
#7e888e rgb(126,136,142)
```
#758b97
```
#758b97 rgb(117,139,151)
```
#6c8ea0
```
#6c8ea0 rgb(108,142,160)
```
#6391a9
```
#6391a9 rgb(99,145,169)
```
#5994b3
```
#5994b3 rgb(89,148,179)
```
#5096bc
```
#5096bc rgb(80,150,188)
```
#4799c5
```
#4799c5 rgb(71,153,197)
```
#3d9ccf
```
#3d9ccf rgb(61,156,207)
```
#349fd8
```
#349fd8 rgb(52,159,216)
```
#2ba2e1
```
#2ba2e1 rgb(43,162,225)
```
#21a5eb
```
#21a5eb rgb(33,165,235)
```
#18a8f4
```
#18a8f4 rgb(24,168,244)
```
#0faafd
```
#0faafd rgb(15,170,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#768b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8899d2 Protanopia 1% of men
#7c9add Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#699bd4 Protanomaly 1% of men, 0.01% of women
#619cdb Deuteranomaly 6% of men, 0.4% of women
#12a6c2 Tritanomaly 0.01% of the population

#349fd8 hex color

#349fd8 Color Information

#349fd8 Color Conversion

Color Schemes with #349fd8

Alternatives to #349fd8

#349fd8 Preview

Shades and Tints of #349fd8

Tones of #349fd8

Color Blindness Simulator