#349fbf hex color

In a RGB color space, hex #349fbf is composed of 20.4% red, 62.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 16.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 193.8 degrees, a saturation of 57.2% and a lightness of 47.6%. #349fbf color hex could be obtained by blending #68ffff with #003f7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 62
- B 75
RGB color chart
- C 73
- M 17
- Y 0
- K 25
CMYK color chart

● #349fbf color description : Moderate cyan.

The hexadecimal color #349fbf has RGB values of R:52, G:159, B:191 and CMYK values of C:0.73, M:0.17, Y:0, K:0.25. Its decimal value is 3448767.

Hex triplet	349fbf	`#349fbf`
RGB Decimal	52, 159, 191	`rgb(52,159,191)`
RGB Percent	20.4, 62.4, 74.9	`rgb(20.4%,62.4%,74.9%)`
CMYK	73, 17, 0, 25
HSL	193.8°, 57.2, 47.6	`hsl(193.8,57.2%,47.6%)`
HSV (or HSB)	193.8°, 72.8, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.033, -19.49, -25.217
XYZ	23.216, 29.286, 53.717
xyY	0.219, 0.276, 29.286
CIE-LCH	61.033, 31.871, 232.299
CIE-LUV	61.033, -38.829, -36.267
Hunter-Lab	54.116, -18.128, -20.97
Binary	00110100, 10011111, 10111111

#349fbf
```
#349fbf rgb(52,159,191)
```
#bf5434
```
#bf5434 rgb(191,84,52)
```

Complementary Color

#34bf9a
```
#34bf9a rgb(52,191,154)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#3459bf
```
#3459bf rgb(52,89,191)
```

Analogous Color

#bf9a34
```
#bf9a34 rgb(191,154,52)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#bf3459
```
#bf3459 rgb(191,52,89)
```

Split Complementary Color

#9fbf34
```
#9fbf34 rgb(159,191,52)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#bf349f
```
#bf349f rgb(191,52,159)
```

Triadic Color

#34bf54
```
#34bf54 rgb(52,191,84)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#bf349f
```
#bf349f rgb(191,52,159)
```
#bf5434
```
#bf5434 rgb(191,84,52)
```

Tetradic Color

#246d83
```
#246d83 rgb(36,109,131)
```
#297e97
```
#297e97 rgb(41,126,151)
```
#2f8eab
```
#2f8eab rgb(47,142,171)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#41accb
```
#41accb rgb(65,172,203)
```
#55b4d1
```
#55b4d1 rgb(85,180,209)
```
#69bdd6
```
#69bdd6 rgb(105,189,214)
```

Monochromatic Color

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

#34bfbc
```
#34bfbc rgb(52,191,188)
```
#34b6bf
```
#34b6bf rgb(52,182,191)
```
#34abbf
```
#34abbf rgb(52,171,191)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#3493bf
```
#3493bf rgb(52,147,191)
```
#3488bf
```
#3488bf rgb(52,136,191)
```
#347cbf
```
#347cbf rgb(52,124,191)
```

Similar Colors

Text with hexadecimal color #349fbf

This text has a font color of #349fbf.

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

#349fbf background color

This paragraph has a background color of #349fbf.

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

#349fbf border color

This element has a border color of #349fbf.

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

CSS codes

.text {color:#349fbf;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061215
```
#061215 rgb(6,18,21)
```
#0a1f25
```
#0a1f25 rgb(10,31,37)
```
#0e2b34
```
#0e2b34 rgb(14,43,52)
```
#123844
```
#123844 rgb(18,56,68)
```
#174553
```
#174553 rgb(23,69,83)
```
#1b5262
```
#1b5262 rgb(27,82,98)
```
#1f5f72
```
#1f5f72 rgb(31,95,114)
```
#236c81
```
#236c81 rgb(35,108,129)
```
#277891
```
#277891 rgb(39,120,145)
```
#2c85a0
```
#2c85a0 rgb(44,133,160)
```
#3092b0
```
#3092b0 rgb(48,146,176)
```
#349fbf
```
#349fbf rgb(52,159,191)
```

Shade Color Variation

#3da9ca
```
#3da9ca rgb(61,169,202)
```
#4cb0ce
```
#4cb0ce rgb(76,176,206)
```
#5bb7d2
```
#5bb7d2 rgb(91,183,210)
```
#6bbed7
```
#6bbed7 rgb(107,190,215)
```
#7ac5db
```
#7ac5db rgb(122,197,219)
```
#8acbdf
```
#8acbdf rgb(138,203,223)
```
#99d2e3
```
#99d2e3 rgb(153,210,227)
```
#a8d9e7
```
#a8d9e7 rgb(168,217,231)
```
#b8e0ec
```
#b8e0ec rgb(184,224,236)
```
#c7e7f0
```
#c7e7f0 rgb(199,231,240)
```
#d7edf4
```
#d7edf4 rgb(215,237,244)
```
#e6f4f8
```
#e6f4f8 rgb(230,244,248)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757c7e is the less saturated color, while #05b8ee is the most saturated one.

#757c7e
```
#757c7e rgb(117,124,126)
```
#6c8187
```
#6c8187 rgb(108,129,135)
```
#638690
```
#638690 rgb(99,134,144)
```
#598b9a
```
#598b9a rgb(89,139,154)
```
#5090a3
```
#5090a3 rgb(80,144,163)
```
#4795ac
```
#4795ac rgb(71,149,172)
```
#3d9ab6
```
#3d9ab6 rgb(61,154,182)
```
#349fbf
```
#349fbf rgb(52,159,191)
```
#2ba4c8
```
#2ba4c8 rgb(43,164,200)
```
#21a9d2
```
#21a9d2 rgb(33,169,210)
```
#18aedb
```
#18aedb rgb(24,174,219)
```
#0fb3e4
```
#0fb3e4 rgb(15,179,228)
```
#05b8ee
```
#05b8ee rgb(5,184,238)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#73898f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9097ba Protanopia 1% of men
#8b96c7 Deuteranopia 1% of men
#2fa6b3 Tritanopia 0.001% of the population

Trichromacy

#6e9abb Protanomaly 1% of men, 0.01% of women
#6b99c4 Deuteranomaly 6% of men, 0.4% of women
#31a3b7 Tritanomaly 0.01% of the population

#349fbf hex color

#349fbf Color Information

#349fbf Color Conversion

Color Schemes with #349fbf

Alternatives to #349fbf

#349fbf Preview

Shades and Tints of #349fbf

Tones of #349fbf

Color Blindness Simulator