#349bdc hex color

In a RGB color space, hex #349bdc is composed of 20.4% red, 60.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 29.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 203.2 degrees, a saturation of 70.6% and a lightness of 53.3%. #349bdc color hex could be obtained by blending #68ffff with #0037b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 61
- B 86
RGB color chart
- C 76
- M 30
- Y 0
- K 14
CMYK color chart

● #349bdc color description : Bright blue.

The hexadecimal color #349bdc has RGB values of R:52, G:155, B:220 and CMYK values of C:0.76, M:0.3, Y:0, K:0.14. Its decimal value is 3447772.

Hex triplet	349bdc	`#349bdc`
RGB Decimal	52, 155, 220	`rgb(52,155,220)`
RGB Percent	20.4, 60.8, 86.3	`rgb(20.4%,60.8%,86.3%)`
CMYK	76, 30, 0, 14
HSL	203.2°, 70.6, 53.3	`hsl(203.2,70.6%,53.3%)`
HSV (or HSB)	203.2°, 76.4, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.079, -7.442, -41.345
XYZ	26.053, 29.338, 71.996
xyY	0.205, 0.23, 29.338
CIE-LCH	61.079, 42.009, 259.796
CIE-LUV	61.079, -35.781, -64.507
Hunter-Lab	54.164, -8.931, -40.894
Binary	00110100, 10011011, 11011100

#349bdc
```
#349bdc rgb(52,155,220)
```
#dc7534
```
#dc7534 rgb(220,117,52)
```

Complementary Color

#34dcc9
```
#34dcc9 rgb(52,220,201)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#3447dc
```
#3447dc rgb(52,71,220)
```

Analogous Color

#dcc934
```
#dcc934 rgb(220,201,52)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#dc3447
```
#dc3447 rgb(220,52,71)
```

Split Complementary Color

#9bdc34
```
#9bdc34 rgb(155,220,52)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#dc349b
```
#dc349b rgb(220,52,155)
```

Triadic Color

#34dc75
```
#34dc75 rgb(52,220,117)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#dc349b
```
#dc349b rgb(220,52,155)
```
#dc7534
```
#dc7534 rgb(220,117,52)
```

Tetradic Color

#1d71a7
```
#1d71a7 rgb(29,113,167)
```
#2180bd
```
#2180bd rgb(33,128,189)
```
#248fd2
```
#248fd2 rgb(36,143,210)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#4aa6e0
```
#4aa6e0 rgb(74,166,224)
```
#5fb0e4
```
#5fb0e4 rgb(95,176,228)
```
#75bbe7
```
#75bbe7 rgb(117,187,231)
```

Monochromatic Color

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

#34c5dc
```
#34c5dc rgb(52,197,220)
```
#34b7dc
```
#34b7dc rgb(52,183,220)
```
#34a9dc
```
#34a9dc rgb(52,169,220)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#348ddc
```
#348ddc rgb(52,141,220)
```
#347fdc
```
#347fdc rgb(52,127,220)
```
#3471dc
```
#3471dc rgb(52,113,220)
```

Similar Colors

Text with hexadecimal color #349bdc

This text has a font color of #349bdc.

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

#349bdc background color

This paragraph has a background color of #349bdc.

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

#349bdc border color

This element has a border color of #349bdc.

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

CSS codes

.text {color:#349bdc;}

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

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

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, #020a0f is the darkest color, while #fdfeff is the lightest one.

#020a0f
```
#020a0f rgb(2,10,15)
```
#05151f
```
#05151f rgb(5,21,31)
```
#082130
```
#082130 rgb(8,33,48)
```
#0b2c41
```
#0b2c41 rgb(11,44,65)
```
#0e3751
```
#0e3751 rgb(14,55,81)
```
#114362
```
#114362 rgb(17,67,98)
```
#144e73
```
#144e73 rgb(20,78,115)
```
#175984
```
#175984 rgb(23,89,132)
```
#1a6594
```
#1a6594 rgb(26,101,148)
```
#1c70a5
```
#1c70a5 rgb(28,112,165)
```
#1f7cb6
```
#1f7cb6 rgb(31,124,182)
```
#2287c7
```
#2287c7 rgb(34,135,199)
```
#2592d7
```
#2592d7 rgb(37,146,215)
```

Shade Color Variation

#349bdc
```
#349bdc rgb(52,155,220)
```
#45a3df
```
#45a3df rgb(69,163,223)
```
#55abe2
```
#55abe2 rgb(85,171,226)
```
#66b4e5
```
#66b4e5 rgb(102,180,229)
```
#77bce8
```
#77bce8 rgb(119,188,232)
```
#88c4ea
```
#88c4ea rgb(136,196,234)
```
#98cced
```
#98cced rgb(152,204,237)
```
#a9d5f0
```
#a9d5f0 rgb(169,213,240)
```
#baddf3
```
#baddf3 rgb(186,221,243)
```
#cbe5f6
```
#cbe5f6 rgb(203,229,246)
```
#dbedf9
```
#dbedf9 rgb(219,237,249)
```
#ecf6fc
```
#ecf6fc rgb(236,246,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86888a is the less saturated color, while #19a1f7 is the most saturated one.

#86888a
```
#86888a rgb(134,136,138)
```
#7d8a93
```
#7d8a93 rgb(125,138,147)
```
#748d9c
```
#748d9c rgb(116,141,156)
```
#6b8fa5
```
#6b8fa5 rgb(107,143,165)
```
#6291ae
```
#6291ae rgb(98,145,174)
```
#5993b7
```
#5993b7 rgb(89,147,183)
```
#4f95c1
```
#4f95c1 rgb(79,149,193)
```
#4697ca
```
#4697ca rgb(70,151,202)
```
#3d99d3
```
#3d99d3 rgb(61,153,211)
```
#349bdc
```
#349bdc rgb(52,155,220)
```
#2b9de5
```
#2b9de5 rgb(43,157,229)
```
#229fee
```
#229fee rgb(34,159,238)
```
#19a1f7
```
#19a1f7 rgb(25,161,247)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#748996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8296d6 Protanopia 1% of men
#7298e0 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#6598d8 Protanomaly 1% of men, 0.01% of women
#5b99df Deuteranomaly 6% of men, 0.4% of women
#12a3c2 Tritanomaly 0.01% of the population

#349bdc hex color

#349bdc Color Information

#349bdc Color Conversion

Color Schemes with #349bdc

Alternatives to #349bdc

#349bdc Preview

Shades and Tints of #349bdc

Tones of #349bdc

Color Blindness Simulator