#349fbc hex color

In a RGB color space, hex #349fbc is composed of 20.4% red, 62.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 15.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 192.8 degrees, a saturation of 56.7% and a lightness of 47.1%. #349fbc color hex could be obtained by blending #68ffff with #003f79. Closest websafe color is: #3399cc.

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

● #349fbc color description : Moderate cyan.

The hexadecimal color #349fbc has RGB values of R:52, G:159, B:188 and CMYK values of C:0.72, M:0.15, Y:0, K:0.26. Its decimal value is 3448764.

Hex triplet	349fbc	`#349fbc`
RGB Decimal	52, 159, 188	`rgb(52,159,188)`
RGB Percent	20.4, 62.4, 73.7	`rgb(20.4%,62.4%,73.7%)`
CMYK	72, 15, 0, 26
HSL	192.8°, 56.7, 47.1	`hsl(192.8,56.7%,47.1%)`
HSV (or HSB)	192.8°, 72.3, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.918, -20.469, -23.708
XYZ	22.889, 29.155, 51.995
xyY	0.22, 0.28, 29.155
CIE-LCH	60.918, 31.322, 229.194
CIE-LUV	60.918, -39.01, -33.664
Hunter-Lab	53.996, -18.825, -19.297
Binary	00110100, 10011111, 10111100

#349fbc
```
#349fbc rgb(52,159,188)
```
#bc5134
```
#bc5134 rgb(188,81,52)
```

Complementary Color

#34bc95
```
#34bc95 rgb(52,188,149)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#345bbc
```
#345bbc rgb(52,91,188)
```

Analogous Color

#bc9534
```
#bc9534 rgb(188,149,52)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#bc345b
```
#bc345b rgb(188,52,91)
```

Split Complementary Color

#9fbc34
```
#9fbc34 rgb(159,188,52)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#bc349f
```
#bc349f rgb(188,52,159)
```

Triadic Color

#34bc51
```
#34bc51 rgb(52,188,81)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#bc349f
```
#bc349f rgb(188,52,159)
```
#bc5134
```
#bc5134 rgb(188,81,52)
```

Tetradic Color

#236c80
```
#236c80 rgb(35,108,128)
```
#297d94
```
#297d94 rgb(41,125,148)
```
#2e8ea8
```
#2e8ea8 rgb(46,142,168)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#3facca
```
#3facca rgb(63,172,202)
```
#53b5d0
```
#53b5d0 rgb(83,181,208)
```
#67bed5
```
#67bed5 rgb(103,190,213)
```

Monochromatic Color

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

#34bcb7
```
#34bcb7 rgb(52,188,183)
```
#34b6bc
```
#34b6bc rgb(52,182,188)
```
#34aabc
```
#34aabc rgb(52,170,188)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#3494bc
```
#3494bc rgb(52,148,188)
```
#3488bc
```
#3488bc rgb(52,136,188)
```
#347dbc
```
#347dbc rgb(52,125,188)
```

Similar Colors

Text with hexadecimal color #349fbc

This text has a font color of #349fbc.

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

#349fbc background color

This paragraph has a background color of #349fbc.

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

#349fbc border color

This element has a border color of #349fbc.

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

CSS codes

.text {color:#349fbc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051013
```
#051013 rgb(5,16,19)
```
#091d22
```
#091d22 rgb(9,29,34)
```
#0e2a32
```
#0e2a32 rgb(14,42,50)
```
#123741
```
#123741 rgb(18,55,65)
```
#164450
```
#164450 rgb(22,68,80)
```
#1b5160
```
#1b5160 rgb(27,81,96)
```
#1f5e6f
```
#1f5e6f rgb(31,94,111)
```
#236b7f
```
#236b7f rgb(35,107,127)
```
#27788e
```
#27788e rgb(39,120,142)
```
#2c859d
```
#2c859d rgb(44,133,157)
```
#3092ad
```
#3092ad rgb(48,146,173)
```
#349fbc
```
#349fbc rgb(52,159,188)
```

Shade Color Variation

#3baac9
```
#3baac9 rgb(59,170,201)
```
#4ab1cd
```
#4ab1cd rgb(74,177,205)
```
#5ab8d1
```
#5ab8d1 rgb(90,184,209)
```
#69bed6
```
#69bed6 rgb(105,190,214)
```
#78c5da
```
#78c5da rgb(120,197,218)
```
#88ccde
```
#88ccde rgb(136,204,222)
```
#97d2e2
```
#97d2e2 rgb(151,210,226)
```
#a6d9e7
```
#a6d9e7 rgb(166,217,231)
```
#b6dfeb
```
#b6dfeb rgb(182,223,235)
```
#c5e6ef
```
#c5e6ef rgb(197,230,239)
```
#d5edf3
```
#d5edf3 rgb(213,237,243)
```
#e4f3f8
```
#e4f3f8 rgb(228,243,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#757a7b
```
#757a7b rgb(117,122,123)
```
#6b7f85
```
#6b7f85 rgb(107,127,133)
```
#62858e
```
#62858e rgb(98,133,142)
```
#598a97
```
#598a97 rgb(89,138,151)
```
#508fa0
```
#508fa0 rgb(80,143,160)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#3d9ab3
```
#3d9ab3 rgb(61,154,179)
```
#349fbc
```
#349fbc rgb(52,159,188)
```
#2ba4c5
```
#2ba4c5 rgb(43,164,197)
```
#22aace
```
#22aace rgb(34,170,206)
```
#18afd8
```
#18afd8 rgb(24,175,216)
```
#0fb4e1
```
#0fb4e1 rgb(15,180,225)
```
#06b9ea
```
#06b9ea rgb(6,185,234)
```

Tone Color Variation

Below, you can see how #349fbc 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
#72888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9097b7 Protanopia 1% of men
#8d96c4 Deuteranopia 1% of men
#32a6b2 Tritanopia 0.001% of the population

Trichromacy

#6f9ab9 Protanomaly 1% of men, 0.01% of women
#6c99c1 Deuteranomaly 6% of men, 0.4% of women
#33a3b5 Tritanomaly 0.01% of the population

#349fbc hex color

#349fbc Color Information

#349fbc Color Conversion

Color Schemes with #349fbc

Alternatives to #349fbc

#349fbc Preview

Shades and Tints of #349fbc

Tones of #349fbc

Color Blindness Simulator