#349bba hex color

In a RGB color space, hex #349bba is composed of 20.4% red, 60.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 16.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 193.9 degrees, a saturation of 56.3% and a lightness of 46.7%. #349bba color hex could be obtained by blending #68ffff with #003775. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 61
- B 73
RGB color chart
- C 72
- M 17
- Y 0
- K 27
CMYK color chart

● #349bba color description : Moderate cyan.

The hexadecimal color #349bba has RGB values of R:52, G:155, B:186 and CMYK values of C:0.72, M:0.17, Y:0, K:0.27. Its decimal value is 3447738.

Hex triplet	349bba	`#349bba`
RGB Decimal	52, 155, 186	`rgb(52,155,186)`
RGB Percent	20.4, 60.8, 72.9	`rgb(20.4%,60.8%,72.9%)`
CMYK	72, 17, 0, 27
HSL	193.9°, 56.3, 46.7	`hsl(193.9,56.3%,46.7%)`
HSV (or HSB)	193.9°, 72, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.631, -19.011, -24.559
XYZ	21.998, 27.716, 50.642
xyY	0.219, 0.276, 27.716
CIE-LCH	59.631, 31.057, 232.257
CIE-LUV	59.631, -37.687, -35.124
Hunter-Lab	52.646, -17.545, -20.181
Binary	00110100, 10011011, 10111010

#349bba
```
#349bba rgb(52,155,186)
```
#ba5334
```
#ba5334 rgb(186,83,52)
```

Complementary Color

#34ba96
```
#34ba96 rgb(52,186,150)
```
#349bba
```
#349bba rgb(52,155,186)
```
#3458ba
```
#3458ba rgb(52,88,186)
```

Analogous Color

#ba9634
```
#ba9634 rgb(186,150,52)
```
#349bba
```
#349bba rgb(52,155,186)
```
#ba3458
```
#ba3458 rgb(186,52,88)
```

Split Complementary Color

#9bba34
```
#9bba34 rgb(155,186,52)
```
#349bba
```
#349bba rgb(52,155,186)
```
#ba349b
```
#ba349b rgb(186,52,155)
```

Triadic Color

#34ba53
```
#34ba53 rgb(52,186,83)
```
#349bba
```
#349bba rgb(52,155,186)
```
#ba349b
```
#ba349b rgb(186,52,155)
```
#ba5334
```
#ba5334 rgb(186,83,52)
```

Tetradic Color

#23697e
```
#23697e rgb(35,105,126)
```
#297a92
```
#297a92 rgb(41,122,146)
```
#2e8aa6
```
#2e8aa6 rgb(46,138,166)
```
#349bba
```
#349bba rgb(52,155,186)
```
#3ea9c9
```
#3ea9c9 rgb(62,169,201)
```
#52b2cf
```
#52b2cf rgb(82,178,207)
```
#66bbd4
```
#66bbd4 rgb(102,187,212)
```

Monochromatic Color

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

#34bab8
```
#34bab8 rgb(52,186,184)
```
#34b1ba
```
#34b1ba rgb(52,177,186)
```
#34a6ba
```
#34a6ba rgb(52,166,186)
```
#349bba
```
#349bba rgb(52,155,186)
```
#3490ba
```
#3490ba rgb(52,144,186)
```
#3485ba
```
#3485ba rgb(52,133,186)
```
#347aba
```
#347aba rgb(52,122,186)
```

Similar Colors

Text with hexadecimal color #349bba

This text has a font color of #349bba.

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

#349bba background color

This paragraph has a background color of #349bba.

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

#349bba border color

This element has a border color of #349bba.

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

CSS codes

.text {color:#349bba;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050e11
```
#050e11 rgb(5,14,17)
```
#091b21
```
#091b21 rgb(9,27,33)
```
#0d2830
```
#0d2830 rgb(13,40,48)
```
#12353f
```
#12353f rgb(18,53,63)
```
#16424f
```
#16424f rgb(22,66,79)
```
#1a4e5e
```
#1a4e5e rgb(26,78,94)
```
#1f5b6d
```
#1f5b6d rgb(31,91,109)
```
#23687d
```
#23687d rgb(35,104,125)
```
#27758c
```
#27758c rgb(39,117,140)
```
#2b819b
```
#2b819b rgb(43,129,155)
```
#308eab
```
#308eab rgb(48,142,171)
```
#349bba
```
#349bba rgb(52,155,186)
```

Shade Color Variation

#3aa7c8
```
#3aa7c8 rgb(58,167,200)
```
#49aecc
```
#49aecc rgb(73,174,204)
```
#58b5d0
```
#58b5d0 rgb(88,181,208)
```
#68bcd5
```
#68bcd5 rgb(104,188,213)
```
#77c2d9
```
#77c2d9 rgb(119,194,217)
```
#86c9dd
```
#86c9dd rgb(134,201,221)
```
#96d0e2
```
#96d0e2 rgb(150,208,226)
```
#a5d7e6
```
#a5d7e6 rgb(165,215,230)
```
#b4deea
```
#b4deea rgb(180,222,234)
```
#c4e5ee
```
#c4e5ee rgb(196,229,238)
```
#d3ebf3
```
#d3ebf3 rgb(211,235,243)
```
#e2f2f7
```
#e2f2f7 rgb(226,242,247)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#74797a
```
#74797a rgb(116,121,122)
```
#6b7d83
```
#6b7d83 rgb(107,125,131)
```
#62828c
```
#62828c rgb(98,130,140)
```
#598795
```
#598795 rgb(89,135,149)
```
#4f8c9f
```
#4f8c9f rgb(79,140,159)
```
#4691a8
```
#4691a8 rgb(70,145,168)
```
#3d96b1
```
#3d96b1 rgb(61,150,177)
```
#349bba
```
#349bba rgb(52,155,186)
```
#2ba0c3
```
#2ba0c3 rgb(43,160,195)
```
#22a5cc
```
#22a5cc rgb(34,165,204)
```
#19aad5
```
#19aad5 rgb(25,170,213)
```
#0fafdf
```
#0fafdf rgb(15,175,223)
```
#06b4e8
```
#06b4e8 rgb(6,180,232)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#71858c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c94b5 Protanopia 1% of men
#8893c2 Deuteranopia 1% of men
#30a2ae Tritanopia 0.001% of the population

Trichromacy

#6c96b7 Protanomaly 1% of men, 0.01% of women
#6996bf Deuteranomaly 6% of men, 0.4% of women
#32a0b2 Tritanomaly 0.01% of the population

#349bba hex color

#349bba Color Information

#349bba Color Conversion

Color Schemes with #349bba

Alternatives to #349bba

#349bba Preview

Shades and Tints of #349bba

Tones of #349bba

Color Blindness Simulator